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 相关文章推荐
javascript间隔刷新的简单实例
Nov 14 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
JS中artdialog弹出框控件之提交表单思路详解
Apr 18 Javascript
简单的分页代码js实现
May 17 Javascript
关于前后端json数据的发送与接收详解
Jul 30 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
Sep 26 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
VSCode使用之Vue工程配置eslint
Apr 30 Javascript
JavaScript中BOM对象原理与用法分析
Jul 09 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
Aug 10 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
You might like
PHP如何抛出异常处理错误
2011/03/02 PHP
php debug 安装技巧
2011/04/30 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
浅谈PHP中try{}catch{}的使用方法
2016/12/09 PHP
php适配器模式简单应用示例
2019/10/23 PHP
javascript 写类方式之八
2009/07/05 Javascript
JQueryEasyUI Layout布局框架的使用
2013/04/08 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
javascript实例--教你实现扑克牌洗牌功能
2014/05/15 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
2016/09/19 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
在django中使用自定义标签实现分页功能
2017/07/04 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
下载与当前Chrome对应的chromedriver.exe(用于python+selenium)
2020/01/14 Python
使用Python操作MySQL的小技巧
2020/09/10 Python
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
财务管理专业推荐信
2013/11/19 职场文书
养殖人员的创业计划书范文
2013/12/26 职场文书
幼儿教师考核制度
2014/01/25 职场文书
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
交通安全横幅标语
2014/10/07 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
会议营销主持词
2015/07/03 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers