自选背景色（二）_网页背景按钮特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 背景按钮特效 >> 自选背景色（二）	查看此特效演示

自选背景色（二）

把如下代码复制到<body>与</body>之间

hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4] = "33"
hex[5] = "00"

function display(triplet) {
        document.bgColor = '#' + triplet
       alert('现在的背景色是 #'+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 helpor_net(){
        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>')
}
helpor_net()
// -->
</script>

上一个特效：页面背景渐变特效

返回列表

下一个特效：自选背景色（一）