当前页面: 开发资料首页 → JSP 专题 → 利用JS在页面上动态生成直线
利用JS在页面上动态生成直线
摘要: 利用JS在页面上动态生成直线
x1:<input type=text id=x1 value=100>
y1:<input type=text id=y1 value=100>
x2:<input type=text id=x2 value=200>
y2:<input type=text id=y2 value=200>
<input type=button value=Draw onclick=Line(x1.value,y1.value,x2.value,y2.value)>
function DrawLine(x,y,LineLength,LineStyle)
{
var s="";
if(LineStyle==’h’)s=’
’;
else for(var i=0;i
document.body.innerHTML+=’size:8px">’;
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’);
}
↑返回目录
前一篇: Jsp + JavaBean循序渐进教程(五)
后一篇: XML和JSP的联手(1)