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

通过Unicode转义序列来加密,按你说的可以算是混淆吧

May 06 Javascript

推荐10个超棒的jQuery工具提示插件

Oct 11 Javascript

jquery插件制作提示框插件实现代码

Aug 17 Javascript

js汉字转拼音实现代码

Feb 06 Javascript

jquery实现div阴影效果示例代码

Sep 16 Javascript

JavaScript实现为input与textarea自定义hover,focus效果的方法

Aug 21 Javascript

基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)

Feb 18 Javascript

快速实现JS图片懒加载(可视区域加载)示例代码

Jan 04 Javascript

js中new一个对象的过程

Feb 20 Javascript

详解vue.js 开发环境搭建最简单攻略

Jun 12 Javascript

jQuery实现参数自定义的文字跑马灯效果

Aug 15 jQuery

Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址

May 21 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

弄了个检测传输的参数是否为数字的Function

2006/12/06 PHP

php用户登录之cookie信息安全分析

2016/05/13 PHP

php检测mysql表是否存在的方法小结

2017/07/20 PHP

PHP 断点续传实例详解

2017/11/11 PHP

[原创]后缀就扩展名为js的文件是什么文件

2007/12/06 Javascript

jQuery 删除/替换DOM元素的几种方式

2014/05/20 Javascript

14个有用的Jquery技巧分享

2015/01/08 Javascript

jQuery扁平化风格下拉框美化插件FancySelect使用指南

2015/02/10 Javascript

Angular中的Promise对象($q介绍)

2015/03/03 Javascript

理解javascript模块化

2016/03/28 Javascript

js select实现省市区联动选择

2020/04/17 Javascript

清除浏览器缓存的几种方法总结(必看)

2016/12/09 Javascript

关于javascript作用域的常见面试题分享

2017/06/18 Javascript

JS轮播图实现简单代码

2021/02/19 Javascript

使用mint-ui开发项目的一些心得(分享)

2017/09/07 Javascript

JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例

2018/05/31 jQuery

js正则表达式校验指定字符串的方法

2018/07/23 Javascript

JS数组reduce()方法原理及使用技巧解析

2020/07/14 Javascript

微信小程序实现身份证取景框拍摄

2020/09/09 Javascript

python调用Delphi写的Dll代码示例

2017/12/05 Python

详解django的serializer序列化model几种方法

2018/10/16 Python

详解Python读取yaml文件多层菜单

2019/03/23 Python

python使用pandas处理大数据节省内存技巧（推荐）

2019/05/05 Python

Python利用神经网络解决非线性回归问题实例详解

2019/07/19 Python

Python通过2种方法输出带颜色字体

2020/03/02 Python

python3用urllib抓取贴吧邮箱和QQ实例

2020/03/10 Python

Python实现快速大文件比较代码解析

2020/09/04 Python

英国打印机墨盒销售网站：Ink Factory

2019/10/07 全球购物

Ref与out有什么不同

2012/11/24 面试题

Final类有什么特点

2012/04/25 面试题

护士求职自荐信范文

2014/03/19 职场文书

党员承诺书内容

2014/03/26 职场文书

学校清洁工岗位职责

2015/04/15 职场文书

教你怎么用Python监控愉客行车程

2021/04/29 Python

从QQtabBar看css命名规范BEM的详细介绍

2021/08/07 HTML / CSS

JS前端使用canvas实现物体的点选示例

2022/08/05 Javascript