利用JS随机生成网页背景颜色，并实时预览 颜色的随机产生 按下启动按钮,右边的三排轮子开始滚动 按下三个X按钮颜色值定下来 按下预览按钮可看颜色效果 演示效果如下： <HTML><br /> <HEAD><br /> <TITLE>颜色的随机产生</TITLE><br /> <STYLE><br /> .30pt{font-size:30pt;color:#de3076}<br /> </STYLE><br /> <SCRIPT LANGUAGE="<b>Java</b>Script"><br /> <!--<br /> color=new Array("0","3","6","9","C","F");<br /> speed=250;<br /> document.bgColor="FFFFFF";<br /> bg=new Array("FFFFFF","FFFFFF","FFFFFF");<br /> function begin() {<br /> document.form.col1.value=" X "; document.form.col2.value=" X ";<br /> document.form.col3.value=" X "; i=0; roll(speed);<br /> }<br /> function roll(speedB) //轮子滚动<br /> {<br /> if (document.form.col1.value==" X ") {<br /> document.form.c1.value=document.form.b1.value;<br /> document.form.b1.value=document.form.a1.value;<br /> document.form.a1.value=<br /> color[Math.round(Math.random()*10)%6]+<br /> color[Math.round(Math.random()*10)%6]; //利用随机函数产生轮子上的颜色值<br /> }<br /> if (document.form.col2.value==" X ") {<br /> document.form.c2.value=document.form.b2.value;<br /> document.form.b2.value=document.form.a2.value;<br /> document.form.a2.value=<br /> color[Math.round(Math.random()*10)%6]+<br /> color[Math.round(Math.random()*10)%6];<br /> }<br /> if (document.form.col3.value==" X ") {<br /> document.form.c3.value=document.form.b3.value;<br /> document.form.b3.value=document.form.a3.value;<br /> document.form.a3.value=<br /> color[Math.round(Math.random()*10)%6]+<br /> color[Math.round(Math.random()*10)%6];<br /> }<br /> setTimeout("roll("+speedB+")",speedB);<br /> }<br /> function stop(col) //轮子停止滚动<br /> {<br /> if (col==1) {document.form.col1.value=" ";i++;}<br /> if (col==2) {document.form.col2.value=" ";i++;}<br /> if (col==3) {document.form.col3.value=" ";i++;}<br /> if (i==3) {<br /> bg[0]=document.form.a1.value+<br /> document.form.a2.value+<br /> document.form.a3.value;<br /> bg[1]=document.form.b1.value+<br /> document.form.b2.value+<br /> document.form.b3.value;<br /> bg[2]=document.form.c1.value+<br /> document.form.c2.value+<br /> document.form.c3.value;<br /> speedB=500000;roll(speedB);<br /> }<br /> }<br /> function view(letter) //颜色预览<br /> {<br /> document.bgColor=bg[letter];<br /> document.form.color.value="#"+bg[letter];<br /> }<br /> --><br /> </script><br /> </head><br /> <center><br /> <br><br><br><br><br /> <form name="form"><br /> <table cellpadding=2 border=1><br /> <tr><td align=center><br /> <input type=text name="a1" size=3 onFocus="this.blur()" value=" "><br /> <input type=text name="a2" size=3 onFocus="this.blur()" value=" "><br /> <input type=text name="a3" size=3 onFocus="this.blur()" value=" "><br /> <input type=button onClick="view(0)" value="预览"><br><br /> <input type=text name="b1" size=3 onFocus="this.blur()" value=" "><br /> <input type=text name="b2" size=3 onFocus="this.blur()" value=" "><br /> <input type=text name="b3" size=3 onFocus="this.blur()" value=" "><br /> <input type=button onClick="view(1)" value="预览"><br><br /> <input type=text name="c1" size=3 onFocus="this.blur()" value=" "><br /> <input type=text name="c2" size=3 onFocus="this.blur()" value=" "><br /> <input type=text name="c3" size=3 onFocus="this.blur()" value=" "><br /> <input type=button onClick="view(2)" value="预览"><br><br /> <input type=button onClick="stop(1)" value=" X " name="col1"><br /> <input type=button onClick="stop(2)" value=" X " name="col2"><br /> <input type=button onClick="stop(3)" value=" X " name="col3"><br /> <br /> </td><br /> <td valign=middle align=center><br /> <input type=button onClick="begin()" value="启动!"><p><br /> <table bgcolor=FFFFFF border=1 cellspacing=0><br /> <tr><td align=center valign=middle>按"X" 轮子停止转动...<p><br /> BG Color = <input type=text size=7 value="#FFFFFF" name=color><br /> </td></tr><br /> </table><br /> </td></tr><br /> </table><br /> </form><br /> </center><br /> <p><center><br /> <table class=30pt><br /> <tr><td>颜色的随机产生<br /> </tr><tr><td>按下启动按钮,右边的三排轮子开始滚动<br /> </tr><tr><td>按下三个X按钮颜色值定下来<br /> </tr><tr><td>按下预览按钮可看颜色效果<br /> </tr><br /> </table><p><br /> </BODY><br /> </HTML><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 多个折叠层，动态展开层，其它层自动收缩效果给网页加上背景音乐,访客可选择曲目功能
