本文實例講述了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按鈕顏色值定下來 按下預覽按鈕可看顏色效果
