利用JS隨機生成網頁背景顏色

2024-09-05 12:21:59

字體：大中小

來源：轉載

供稿：網友

利用JavaScript隨機生成網頁背景顏色，按下啟動按鈕,右邊的三排輪子開始滾動，按下三個X按鈕顏色值定下來，按下預覽按鈕可看顏色效果。

<HTML> <HEAD><TITLE>顏色的隨機產生</TITLE><STYLE>.30pt{font-size:30pt;color:#de3076}</STYLE><SCRIPT LANGUAGE="JavaScript"></script></head><center><br><br><br><br><form name="form"><table cellpadding=2 border=1><tr><td align=center><input type=text name="a1" size=3 onFocus="this.blur()" value=" "><input type=text name="a2" size=3 onFocus="this.blur()" value=" "><input type=text name="a3" size=3 onFocus="this.blur()" value=" "><input type=button onClick="view(0)" value="預覽"><br><input type=text name="b1" size=3 onFocus="this.blur()" value=" "><input type=text name="b2" size=3 onFocus="this.blur()" value=" "><input type=text name="b3" size=3 onFocus="this.blur()" value=" "><input type=button onClick="view(1)" value="預覽"><br><input type=text name="c1" size=3 onFocus="this.blur()" value=" "><input type=text name="c2" size=3 onFocus="this.blur()" value=" "><input type=text name="c3" size=3 onFocus="this.blur()" value=" "><input type=button onClick="view(2)" value="預覽"><br><input type=button onClick="stop(1)" value=" X " name="col1"> <input type=button onClick="stop(2)" value=" X " name="col2"> <input type=button onClick="stop(3)" value=" X " name="col3">               </td><td valign=middle align=center><input type=button onClick="begin()" value="啟動!"><p><table bgcolor=FFFFFF border=1 cellspacing=0><tr><td align=center valign=middle>按"X" 輪子停止轉動...<p>BG Color = <input type=text size=7 value="#FFFFFF" name=color></td></tr></table></td></tr></table></form></center><p><center><table class=30pt><tr><td>顏色的隨機產生</tr><tr><td>按下啟動按鈕,右邊的三排輪子開始滾動</tr><tr><td>按下三個X按鈕顏色值定下來</tr><tr><td>按下預覽按鈕可看顏色效果</tr></table><p></BODY></HTML>

上一篇：給網頁加上背景音樂，選擇音效功能

下一篇：JavaScript動態雨景代碼