按钮使背景色变化-JS特效-爱易网页

按钮使背景色变化

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

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

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<SCRIPT>
function cols(c1, c2, c3, c4, c5, c6, c7){
this.c1 = c1;
this.c2 = c2;
this.c3 = c3;
this.c4 = c4;
this.c5 = c5;
this.c6 = c6;
this.c7 = c7;}
rainbow = new cols("red", "orange", "yellow", "green", "blue", "indigo", "violet");
fade = new cols("white", "DDDDDD", "BBBBBB", "999999", "777777", "555555", "333333", "black");
greens = new cols("darkgreen", "forestgreen", "green", "lawngreen", "lightgreen", "limegreen", "palegreen");
sunset = new cols("skyblue", "slateblue", "violet", "darkorange", "red", "darkred", "black");
psyc = new cols("violet", "lawngreen", "violet", "lawngreen", "violet", "lawngreen", "violet");
function cycle(type){
scheme = type;
document.bgColor = scheme.c1;
timerID=setTimeout('document.bgColor = scheme.c2', document.selector.interval.value * 10);
timerID=setTimeout('document.bgColor = scheme.c3', document.selector.interval.value * 20);
timerID=setTimeout('document.bgColor = scheme.c4', document.selector.interval.value * 30);
timerID=setTimeout('document.bgColor = scheme.c5', document.selector.interval.value * 40);
timerID=setTimeout('document.bgColor = scheme.c6', document.selector.interval.value * 50);
timerID=setTimeout('document.bgColor = scheme.c7', document.selector.interval.value * 60);}
</SCRIPT>
<FORM name=selector>
<b>请选择一种背景变化基色: 
<INPUT onclick=cycle(rainbow) type=button value=Rainbow>
</b> 
<INPUT onclick=cycle(fade) type=button value="Fade To Black">
<INPUT onclick=cycle(greens) type=button value=Greens>
<INPUT onclick=cycle(sunset) type=button value=Sunset>
<INPUT onclick=cycle(psyc) type=button value=Psychedelic>
<b>请选择色彩变化时间 (1/10ths of a second): </b> 
<INPUT name=interval size=8 
value=50>
</FORM>

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

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

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

按钮使背景色变化

相关资料更多>

推荐阅读更多>