使用JS画直线

wensuper

作者：chenwei

使用JS画直线：包括水平线与垂直线

function drawhline(from_x,to_x, y){  for(var i=from_x;i<=to_x;i+=10)   {    //设置div的背景    var $divs = $("<div style='background-color: red;z-index: 2'></div>");    //设置div的左侧位置    $divs.css("left",i);    //设置div的上方位置    $divs.css("top",y);    //设置div的高度    $divs.css("height","5px");    //设置div的宽度    $divs.css("width","2px");    //设置div的排板方式    $divs.css("position","absolute");    //把div追加到body上去    $("body").append($divs);  }}function drawvline(from_y,to_y, x){  for(var i=from_y;i<=to_y;i+=10)   {    var $divs = $("<div style='background-color: red;z-index: 2'></div>");    $divs.css("left",x);    $divs.css("top",i);    $divs.css("height","2px");    $divs.css("width","5px");    $divs.css("position","absolute");    $("body").append($divs);  }}