鼠標(biāo)選擇動態(tài)改變網(wǎng)頁背景顏色的JS代碼
采用Javascript實現(xiàn)，用鼠標(biāo)點擊相應(yīng)顏色，動態(tài)改變網(wǎng)頁背景顏色
這是截圖
相應(yīng)的Javascript源代碼為：
var hex = new Array(6)
hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4] = "33"
hex[5] = "00"
function display(triplet) {
document.bgColor = '#' + triplet
}
function drawCell(red, green, blue) {
document.write('<TD BGCOLOR="#' + red + green + blue + '">')
document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')
document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
document.write('</A>')
document.write('</TD>')
}
function drawRow(red, blue) {
document.write('<TR>')
for (var i = 0; i < 6; ++i) {
drawCell(red, hex[i], blue)
}
document.write('</TR>')
}
function drawTable(blue) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
for (var i = 0; i < 6; ++i) {
drawRow(hex[i], blue)
}
document.write('</TABLE>')
}
function drawCube() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
for (var i = 0; i < 6; ++i) {
document.write('<TD BGCOLOR="#FFFFFF">')
drawTable(hex[i])
document.write('</TD>')
}
document.write('</TR></TABLE>')
}
drawCube()
相關(guān)文章
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML）。這篇文章主要給大家介紹了JavaScript中的ajax功能的概念和示例詳解，感興趣的朋友一起看看吧2016-10-10
JS判斷輸入的字符串是否是數(shù)字的方法(正則表達(dá)式)
下面小編就為大家?guī)硪黄狫S判斷輸入的字符串是否是數(shù)字的方法(正則表達(dá)式)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
非常不錯的功能，當(dāng)單機一個鏈接時，會彈出確認(rèn)對話框效果2008-09-09
javascript 中按屬性值查找數(shù)組中的對象多種方法
JavaScript 數(shù)組可以保存混合類型的不同值，例如字符串、空值或布爾值，并且不需要數(shù)組的大小來指定它在哪里自動增長和動態(tài)，這篇文章主要介紹了javascript 中按屬性值查找數(shù)組中的對象多種方法,需要的朋友可以參考下2023-06-06
響應(yīng)式網(wǎng)站設(shè)計(Responsive?Web?design)是一種網(wǎng)絡(luò)頁面設(shè)計布局,是目前比較流行的一種網(wǎng)頁設(shè)計,下面這篇文章主要給大家介紹了關(guān)于three.js響應(yīng)式設(shè)計的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
JavaScript實現(xiàn)簡單的雙色球(實例講解)
下面小編就為大家?guī)硪黄狫avaScript實現(xiàn)簡單的雙色球(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
js 瀏覽本地文件夾系統(tǒng)不可思議吧，經(jīng)測試效果還是不錯的，感興趣的朋友可以參考下2013-10-10
掌握一些JavaScript的精簡書寫方式,有助增強代碼的閱讀性,提升代碼質(zhì)量,任何一種編程語言的簡寫小技巧都是為了幫助你寫出更簡潔、更完善的代碼,讓你用更少的編碼實現(xiàn)你的需求2023-08-08
BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持,介紹如何在生成表單后，可以支持上傳圖片后可以及時預(yù)覽圖片的功能，需要的朋友可以參考下2016-06-06
下面小編就為大家?guī)硪黄獪\談bootstrap使用中的一些問題以及解決過程。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10