首页 / 脚本样式 / 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（"<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（）