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

Javascript 相关文章推荐
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
浅析return false的正确使用
Nov 04 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
通过JS来判断页面控件是否获取焦点
Jan 03 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
web前端开发JQuery常用实例代码片段(50个)
Aug 28 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
Sep 16 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
微信小程序实现签到功能
Oct 31 Javascript
jquery实现烟花效果(面向对象)
Mar 10 jQuery
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
You might like
附件名前加网站名
2008/03/23 PHP
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
IE下js调试工具Companion.JS
2010/10/15 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
Textarea根据内容自适应高度
2013/10/28 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
jquery版轮播图效果和extend扩展
2017/07/18 jQuery
解决使用vue.js路由后失效的问题
2018/03/17 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
Python实现统计代码行的方法分析
2017/07/12 Python
Python实现购物系统(示例讲解)
2017/09/13 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
python logging模块的使用总结
2019/07/09 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
Django ModelForm操作及验证方式
2020/03/30 Python
Cecil Mode法国在线商店:女性时尚
2021/01/08 全球购物
String和StringBuffer的区别
2015/08/13 面试题
渗透攻击的测试步骤
2014/06/07 面试题
银行会计财务工作个人的自我评价
2013/10/29 职场文书
税务专业毕业生自荐信
2013/11/10 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
政府门卫岗位职责
2014/04/29 职场文书
汉语言文学专业自荐信
2014/06/11 职场文书
社会学专业求职信
2014/07/17 职场文书
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
Java8中Stream的一些神操作
2021/11/02 Java/Android
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技