点击按钮来变化网页背景颜色-JS特效-爱易网页

点击按钮来变化网页背景颜色

日期：2014-05-18　浏览次数：23425 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<!--

function backcolor(form){

temp = ""

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

temp = form.color[i].value

if (form.color[i].checked){ document.bgColor = temp }

}

function randombackground(){

document.bgColor = getColor()

}

function getColor(){

currentdate = new Date()

backgroundcolor = currentdate.getSeconds()

if (backgroundcolor > 44)

backgroundcolor = backgroundcolor - 45

else if (backgroundcolor > 29)

backgroundcolor = backgroundcolor - 30

else if (backgroundcolor > 15)

backgroundcolor = backgroundcolor - 16

if (backgroundcolor == 0 )

return "olive";

else if (backgroundcolor == 1 )

return "teal";

else if (backgroundcolor == 2 )

return "red";

else if (backgroundcolor == 3 )

return "blue";

else if (backgroundcolor == 4 )

return "maroon";

else if (backgroundcolor == 5 )

return "navy";

else if (backgroundcolor == 6 )

return "lime";

else if (backgroundcolor == 7 )

return "fuschia";

else if (backgroundcolor == 8 )

return "green";

else if (backgroundcolor == 9 )

return "purple";

else if (backgroundcolor == 10 )

return "gray";

else if (backgroundcolor == 11 )

return "yellow";

else if (backgroundcolor == 12 )

return "aqua";

else if (backgroundcolor == 13 )

return "black";

else if (backgroundcolor == 14 )

return "white";

else if (backgroundcolor == 15 )

return "silver";

}

// -->

</script>

第二步：把如下代码加入到<body>区域中

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

阿里国际化再落子：2.49亿美元投资新加坡邮政

华为美国推出电商网站发售Mate 2LTE版

iOS7拖累iPad 5、iPad mini2发布传十月份推出

金山毒霸安全中心: XP退役后首个高危漏洞来了

谁说黑莓没救？他们在悄悄地深耕企业级市场，在这个领域，苹果三星算什么，他们远远不是黑莓的对手

充斥着假消息负能量的“秘密”缺乏普适性

FDD牌照12月将发放联通电信双4G反击中移动

谷歌欲收买WhatsApp添加砝码对方否认

三星维修新规：Galaxy S4主板进水也收费修

点击按钮来变化网页背景颜色

相关资料更多>

推荐阅读更多>