编程 Javascript

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

Posted in Javascript onApril 21, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

小萝莉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

自定义一个jquery插件[鼠标悬浮时候出现说明label]

Jun 27 Javascript

Jquery中$.post和$.ajax的用法小结

Apr 28 Javascript

JavaScript实现把rgb颜色转换成16进制颜色的方法

Jun 01 Javascript

JS+CSS相对定位实现的下拉菜单

Oct 06 Javascript

跟我学习javascript解决异步编程异常方案

Nov 23 Javascript

jQuery弹出div层过2秒自动消失

Nov 29 Javascript

Node.js中多进程模块Cluster的介绍与使用

May 27 Javascript

基于js 本地存储(详解)

Aug 16 Javascript

JS分页的实现（同步与异步）

Sep 16 Javascript

node.js操作MongoDB的实例详解

Oct 11 Javascript

webpack中的热刷新与热加载的区别

Apr 09 Javascript

微信小程序 scroll-view 水平滚动实现过程解析

Oct 12 Javascript

jQuery标签编辑插件Tagit使用指南

Apr 21 #Javascript

jQuery背景插件backstretch使用指南

Apr 21 #Javascript

jQuery关键词说明插件cluetip使用指南

Apr 21 #Javascript

纯js实现重发验证码按钮倒数功能

Apr 21 #Javascript

jQuery滚动条插件nanoscroller使用指南

Apr 21 #Javascript

jQuery验证插件validation使用指南

Apr 21 #Javascript

jQuery拖拽插件gridster使用指南

Apr 21 #Javascript