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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 17:09:50
原創
1866 人瀏覽過

採用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 ()
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
如何更改倒數計時中的影像
來自於 1970-01-01 08:00:00
0
0
0
解決PHP錯誤顯示問題的方法
來自於 1970-01-01 08:00:00
0
0
0
java - springboot新手學習
來自於 1970-01-01 08:00:00
0
0
0
spring - JavaWeb中 Service 層的事務問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板