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

可以文本显示的公告栏的js代码

Mar 11 Javascript

jQuery 类twitter的文本字数限制带提示效果插件

Apr 16 Javascript

浅析Js中的单引号与双引号问题

Nov 06 Javascript

jquery 获取dom固定元素添加样式的简单实例

Feb 04 Javascript

JS函数重载的解决方案

May 13 Javascript

JavaScript开发人员的10个关键习惯小结

Dec 05 Javascript

Angular中使用ui router实现系统权限控制及开发遇到问题

Sep 23 Javascript

angularjs中回车键触发某一事件的方法

Apr 24 Javascript

解决canvas画布使用fillRect()时高度出现双倍效果的问题

Aug 03 Javascript

微信小程序数据分析之自定义分析的实现

Aug 17 Javascript

element-ui组件table实现自定义筛选功能的示例代码

Mar 15 Javascript

详解微信小程序图片地扯转base64解决方案

Aug 18 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

做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)

2013/04/13 PHP

PHP小白必须要知道的php基础知识(超实用)

2017/10/10 PHP

PHP实现数据库的增删查改功能及完整代码

2018/04/18 PHP

utf8的编码算法转载

2006/12/27 Javascript

jQuery自带的一些常用方法总结

2014/09/03 Javascript

Javascript代码实现仿实例化类

2015/04/03 Javascript

jQuery中hover与mouseover和mouseout的区别分析

2015/12/24 Javascript

javascript自动切换焦点控制效果完整实例

2016/02/02 Javascript

JS作为值的函数用法示例

2016/06/20 Javascript

使用mint-ui实现省市区三级联动效果的示例代码

2018/02/09 Javascript

vue+axios 前端实现登录拦截的两种方式（路由拦截、http拦截）

2018/10/24 Javascript

vue实现新闻展示页的步骤详解

2019/04/11 Javascript

JS实现的字符串数组去重功能小结

2019/06/17 Javascript

javascript实现点亮灯泡特效示例

2019/10/15 Javascript

原生js实现随机点餐效果

2019/12/10 Javascript

Vue使用轮询定时发送请求代码

2020/08/10 Javascript

浅谈Python程序与C++程序的联合使用

2015/04/07 Python

python分析作业提交情况

2017/11/22 Python

Python基于生成器迭代实现的八皇后问题示例

2018/05/23 Python

python ChainMap 合并字典的实现步骤

2019/06/11 Python

Python实现Singleton模式的方式详解

2019/08/08 Python

python 获取字典键值对的实现

2020/11/12 Python

DRF使用simple JWT身份验证的实现

2021/01/14 Python

Champion官网：美国冠军运动服装

2017/01/25 全球购物

制定岗位职责的原则

2013/11/08 职场文书

毕业生就业自荐书

2013/12/15 职场文书

军校本科大学生自我评价

2014/01/14 职场文书

中年人生感言

2014/02/04 职场文书

喷漆工的岗位职责

2014/03/17 职场文书

《泉水》教学反思

2014/04/11 职场文书

个人四风问题原因分析及整改措施

2014/09/28 职场文书

十月围城观后感

2015/06/08 职场文书

创业计划书之香辣虾火锅

2019/09/23 职场文书

python神经网络编程之手写数字识别

2021/05/08 Python

基于JavaScript实现年月日三级联动

2021/06/22 Javascript

CSS文本阴影 text-shadow 悬停效果详解

2022/05/25 HTML / CSS