html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

javascript实现通过表格绘制颜色填充矩形的方法_javascript技巧_

[ ] 已经帮助:人解决问题

本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法。分享给大家供大家参考。具体如下:ipTHTML5中文学习网 - HTML5先行者学习网

<html> <head>  <title> Javascript画矩形 </title> <script type="text/javascript">  //定义函数,传入设置参数,返回一个有背景颜色的表格  function drawFilledRect(x,y,w,h,color)  {   document.write("<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+(w)+" height="+(h)+"></td></tr></table>")  } </script> </head> <body > <script type="text/javascript">  //调用两次画矩形的函数  drawFilledRect(20,80,100,100,"red");  drawFilledRect(20,180,100,100,"lime"); </script> </body></html>

希望本文所述对大家的javascript程序设计有所帮助。ipTHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助