读书人

应用JS画直线

发布时间: 2012-09-23 10:28:11 作者: rapoo

使用JS画直线
作者: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);  }}

读书人网 >JavaScript

热点推荐