鼠标选择动态改变网页背景颜色的JS代码-javascript编程

您好,欢迎来到百闽人生网登录 注册

百闽首页 | 考试日历 | 百闽娱乐 | 书信频道 | 节日庆典 | 语录句子 | 免费发布培训课程

百闽人生网

百闽人生网 > 培训新闻 > 电脑/IT > 鼠标选择动态改变网页背景颜色的JS代码-javascript编程

鼠标选择动态改变网页背景颜色的JS代码-javascript编程

  采用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("")

    document.write("")

    document.write("")

    }

    function drawRow(red, blue) {

    document.write("")

    for (var i = 0; i < 6; ++i) {

    drawCell(red, hex[i], blue)

    }

    document.write("")

    }

    function drawTable(blue) {

    document.write("

")

    for (var i = 0; i < 6; ++i) {

    drawRow(hex[i], blue)

    }

    document.write("

")

    }

    function drawCube() {

    document.write("

")

    for (var i = 0; i < 6; ++i) {

    document.write("

")

    }

    document.write("

")

    drawTable(hex[i])

    document.write("

")

    }

    drawCube()

    ……


首页 1 2 下页 

关于我们 | 招生合作 | 负责声明 | 常见问题 | 诚聘英才 | 联系我们

Copyright©2014 www.bminlife.com 百闽人生网 版权所有©百闽人生网 闽ICP备14001301号
本文标题:鼠标选择动态改变网页背景颜色的JS代码-javascript编程
分站加盟及广告服务QQ:1476191318
友情提示:本站所有信息均由本站注册会员免费发布,如涉及版权问题或虚假信息请及时与本站联系。——我们一直在追求真实!