利用JS在页面上动态生成直线

新客网 XKER.COM 2003-07-11 来源： 收藏本文

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>

• ·ASP+ACCESS数据库中文乱码问题解决
• ·编程实例 字母+数字验证码程序
• ·ASP连接数据库错误解决办法新法
• ·初学:ASP内建对象Response
• ·ASP网站Server object error的解决办法
• ·ASP技巧：让Len,Left,Right函数识别中文
• ·把网页中的电话号码生成图片的ASP程序
• ·ASP如何实现IE地址栏参数的判断
• ·细化解析：ASP连接11种数据库语法集锦
• ·ASP实现网页打开任何类型文件都保存
• ·ASP代码直接增加、删除ACCESS表和字段
• ·ASP：判断访问是否来自搜索引擎的函数
• ·ASP技巧：禁用页面缓存的五种方法
• ·学习ASP关于与变量子类型相关的函数
• ·ASP开发中的(VBScript)类基础学习
• ·ASP访问Excel文件