js如何设置下划线为直线的代码 – CSS – 前端 cssjs特效代码

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

function drawhline(from_x,to_x, y)

{

for(var i=from_x;i<=to_x;i+=10)

{

//设置div的背景

var $divs = $("<div></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></div>");

$divs.css("left",x);

$divs.css("top",i);

$divs.css("height","2px");

$divs.css("width","5px");

$divs.css("position","absolute");

$("body").append($divs);

}

}