广告：
网页制作参考
千千学园
雨路开发频道
雨路技术文档
技术问答
编程技术

作者： unknow

x1:<input type=text id=x1 value=100><br>
y1:<input type=text id=y1 value=100><br>
x2:<input type=text id=x2 value=200><br>
y2:<input type=text id=y2 value=200><br>
<input type=button value=Draw onclick=Line(x1.value,y1.value,x2.value,y2.value)>
<div id=Line1 style="position:absolute;left:0;top:0;color:red;font-size:8px">
</div>
<script>
function DrawLine(x,y,LineLength,LineStyle)
{
var s="";
if(LineStyle==@#h@#)s=@#<hr color=red width=@#+LineLength+@#>@#;
else for(var i=0;i<LineLength-2;i++)s+="|<br>";
document.body.innerHTML+=@#<div id=Line1 style="position:absolute;left:0;top:0;color:red;font-
size:8px"></div>@#;
with(Line1[Line1.length-1])
{
innerHTML=s;;
style.pixelLeft=x;
style.pixelTop=y;
}
}
function Line(x1,y1,x2,y2)
{
DrawLine(x1,y1,(y2-y1)/8,@#v@#);
DrawLine(x1,y2,(x2-x1),@#h@#);
}
</script>