本文实例讲述了js随机生成网页背景颜色的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: 随机生成网页背景颜色的JS特效 <br /> .30pt{font-size:30pt;color:#de3076}<br /> <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 /> 按"X" 轮子停止转动... BG Color = 颜色的随机产生 按下启动按钮,右边的三排轮子开始滚动 按下三个X按钮颜色值定下来 按下预览按钮可看颜色效果
