A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 源码技巧 > 父类数据 > javascript实现通过表格绘制颜色填充矩形的方法

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

时间:2015-07-07 11:31作者:zhao人气:56

本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法。分享给大家供大家参考。具体如下:

<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程序设计有所帮助。

标签javascript,实现,通过,表格,绘制,颜色,填充,形

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号