快捷導(dǎo)航

javascript實(shí)現(xiàn)通過(guò)表格繪制顏色填充矩形的方法

更新時(shí)間：2015年04月21日 11:42:06 作者：小蘿莉

這篇文章主要介紹了javascript實(shí)現(xiàn)通過(guò)表格繪制顏色填充矩形的方法,涉及javascript操作表格與樣式的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)通過(guò)表格繪制顏色填充矩形的方法。分享給大家供大家參考。具體如下：

<html>
 <head>
  <title> Javascript畫(huà)矩形 </title>
 <script type="text/javascript">
  //定義函數(shù)，傳入設(shè)置參數(shù)，返回一個(gè)有背景顏色的表格
  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">
  //調(diào)用兩次畫(huà)矩形的函數(shù)
  drawFilledRect(20,80,100,100,"red");
  drawFilledRect(20,180,100,100,"lime");
 </script>
 </body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

微信小程序開(kāi)發(fā)實(shí)現(xiàn)消息推送
這篇文章主要為大家詳細(xì)介紹了微信小程序開(kāi)發(fā)實(shí)現(xiàn)消息推送，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解
這篇文章主要為大家介紹了ES6如何將?Set?轉(zhuǎn)化為數(shù)組的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
用YUI做了個(gè)標(biāo)簽瀏覽效果
用YUI做了個(gè)標(biāo)簽瀏覽效果...
2007-02-02
request請(qǐng)求獲取參數(shù)的實(shí)現(xiàn)方法(post和get兩種方式)
下面小編就為大家?guī)?lái)一篇request請(qǐng)求獲取參數(shù)的實(shí)現(xiàn)方法(post和get兩種方式)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-09-09
JavaScript異步編程Promise模式的6個(gè)特性
Promise說(shuō)起來(lái)是一個(gè)非常簡(jiǎn)單的概念，即使你沒(méi)有機(jī)會(huì)去使用它，很有可能你也了解過(guò)它。Promise是一個(gè)非常有價(jià)值的構(gòu)造器，能夠幫助你避免使用鑲套匿名方法，而使用更具有可讀性的方式組裝異步代碼。這里我們將介紹6個(gè)最簡(jiǎn)單的特性，希望對(duì)大家有幫助
2014-04-04
小程序調(diào)用微信支付的方法
這篇文章主要為大家詳細(xì)介紹了小程序調(diào)用微信支付的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
Typescript實(shí)現(xiàn)棧的方法示例
本文主要介紹了Typescript實(shí)現(xiàn)棧的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-08-08
在小程序中集成redux/immutable/thunk第三方庫(kù)的方法
這篇文章主要介紹了在小程序中集成redux/immutable/thunk第三方庫(kù)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
更優(yōu)雅的微信小程序骨架屏實(shí)現(xiàn)詳解
這篇文章主要介紹了更優(yōu)雅的微信小程序骨架屏實(shí)現(xiàn)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
web開(kāi)發(fā)js字符串拼接占位符及conlose對(duì)象Api詳解
本篇文章主要為大家介紹了web開(kāi)發(fā)中字符串的拼接，占位符的使用以及conlose對(duì)象Api的使用，有需要的朋友可以借鑒參考下，希望可以有所幫助
2021-09-09