javascript實現(xiàn)通過表格繪制顏色填充矩形的方法
更新時間：2015年04月21日 11:42:06 作者：小蘿莉
這篇文章主要介紹了javascript實現(xiàn)通過表格繪制顏色填充矩形的方法,涉及javascript操作表格與樣式的相關技巧,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)通過表格繪制顏色填充矩形的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<title> Javascript畫矩形 </title>
<script type="text/javascript">
//定義函數(shù)，傳入設置參數(shù)，返回一個有背景顏色的表格
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)用兩次畫矩形的函數(shù)
drawFilledRect(20,80,100,100,"red");
drawFilledRect(20,180,100,100,"lime");
</script>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了微信小程序開發(fā)實現(xiàn)消息推送，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要為大家介紹了ES6如何將?Set?轉化為數(shù)組的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
用YUI做了個標簽瀏覽效果...2007-02-02
request請求獲取參數(shù)的實現(xiàn)方法(post和get兩種方式)
下面小編就為大家?guī)硪黄猺equest請求獲取參數(shù)的實現(xiàn)方法(post和get兩種方式)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
Promise說起來是一個非常簡單的概念，即使你沒有機會去使用它，很有可能你也了解過它。Promise是一個非常有價值的構造器，能夠幫助你避免使用鑲套匿名方法，而使用更具有可讀性的方式組裝異步代碼。這里我們將介紹6個最簡單的特性，希望對大家有幫助2014-04-04
這篇文章主要為大家詳細介紹了小程序調(diào)用微信支付的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
本文主要介紹了Typescript實現(xiàn)棧的方法示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-08-08
在小程序中集成redux/immutable/thunk第三方庫的方法
這篇文章主要介紹了在小程序中集成redux/immutable/thunk第三方庫的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了更優(yōu)雅的微信小程序骨架屏實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
web開發(fā)js字符串拼接占位符及conlose對象Api詳解
本篇文章主要為大家介紹了web開發(fā)中字符串的拼接，占位符的使用以及conlose對象Api的使用，有需要的朋友可以借鑒參考下，希望可以有所幫助2021-09-09