首頁 >web前端 >js教程 >滑鼠選擇動態改變網頁背景顏色的JS程式碼_javascript技巧

滑鼠選擇動態改變網頁背景顏色的JS程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:09:501856瀏覽

採用Javascript實現,用滑鼠點選對應顏色,動態改變網頁背景顏色

這是截圖

滑鼠選擇動態改變網頁背景顏色的JS程式碼_javascript技巧

對應的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('

')
document.write('')
document.write('滑鼠選擇動態改變網頁背景顏色的JS程式碼_javascript技巧')
document.write('
')
document.write('')
}
function drawRow(red, blue) {
document.write('')
for (var i = 0; i drawCell(red, hex[i], blue)
}
document.write('')
}
function drawTable (blue) {
document.write('')
for (var i = 0; i drawRow(hex[ i], blue)
}
document.write('
') 
}
function drawCube() {
document.write('')
for (var i = 0; i document.write('')
}
document.write('
')
drawTable (hex[i])
document.write('
')
}
drawCube ()
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn