编程 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 相关文章推荐

JavaScript Object的extend是一个常用的功能

Dec 02 Javascript

JavaScript计算某一天是星期几的方法

Aug 05 Javascript

jQuery实现的手机发送验证码倒计时效果代码分享

Aug 24 Javascript

使用bootstrap validator的remote验证代码经验分享(推荐)

Sep 21 Javascript

求js数组的最大值和最小值的四种方法

Mar 03 Javascript

promise处理多个相互依赖的异步请求(实例讲解)

Aug 03 Javascript

Vue多种方法实现表头和首列固定的示例代码

Feb 02 Javascript

vue.js,ajax渲染页面的实例

Feb 11 Javascript

详解几十行代码实现一个vue的状态管理

Jan 28 Javascript

Ajax请求时无法重定向的问题解决代码详解

Jun 21 Javascript

npm qs模块使用详解

Feb 07 Javascript

vue在线动态切换主题色方案

Mar 26 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

javascript 小型动画组件与实现代码

2010/06/02 PHP

wamp安装后自定义配置的方法

2014/08/23 PHP

异步加载技术实现当滚动条到最底部的瀑布流效果

2014/09/16 PHP

PHP解压tar.gz格式文件的方法

2016/02/14 PHP

Prototype使用指南之enumerable.js

2007/01/10 Javascript

[原创]js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结

2007/03/12 Javascript

用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载

2007/08/08 Javascript

ExtJS判断IE浏览器类型的方法

2014/02/10 Javascript

JavaScript导出Excel实例详解

2014/11/25 Javascript

jquery利用拖拽方式在图片上添加热链接

2015/11/24 Javascript

浏览器复制插件zeroclipboard使用指南

2016/03/26 Javascript

jQuery文字横向滚动效果的实现代码

2016/05/31 Javascript

JavaScript从0开始构思表情插件

2016/07/26 Javascript

vue.js事件处理器是什么

2017/03/20 Javascript

Angular.js中上传指令ng-upload的基本使用教程

2017/07/30 Javascript

微信小程序模板和模块化用法实例分析

2017/11/28 Javascript

从零开始搭建一个react项目开发

2018/02/09 Javascript

浅谈Fetch 数据交互方式

2018/12/20 Javascript

浅谈对于react-thunk中间件的简单理解

2019/05/01 Javascript

基于 vue-skeleton-webpack-plugin 的骨架屏实战

2019/08/05 Javascript

JS代码简洁方式之函数方法详解

2020/07/28 Javascript

Random 在 Python 中的使用方法

2018/08/09 Python

Python 从列表中取值和取索引的方法

2018/12/25 Python

Python动态参数/命名空间/函数嵌套/global和nonlocal

2019/05/29 Python

获取Pytorch中间某一层权重或者特征的例子

2019/08/17 Python

使用apiDoc实现python接口文档编写

2019/11/19 Python

Python和Anaconda和Pycharm安装教程图文详解

2020/02/04 Python

python实现UDP协议下的文件传输

2020/03/20 Python

keras的siamese(孪生网络)实现案例

2020/06/12 Python

英国手机零售商：Metrofone

2019/03/18 全球购物

公积金单位接收函

2014/01/11 职场文书

结婚老公保证书

2015/02/26 职场文书

python实现批量移动文件

2021/04/05 Python

PHP对接阿里云虚拟号的实现(号码隐私保护)

2021/04/06 PHP

德劲DE1102数字调谐收音机机评

2022/04/07 无线电

Python循环之while无限迭代

2022/04/30 Python