编程 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间隔刷新的简单实例

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