利用JS随机生成网页背景颜色，并实时预览

发布时间：2018-08-16 00:19:04 所属栏目：活动来源：站长网

导读：利用JS随机生成网页背景颜色，并实时预览颜色的随机产生按下启动按钮,右边的三排轮子开始滚动按下三个X按钮颜色值定下来按下预览按钮可看颜色效果演示效果如下： HTMLHEADTITLE颜色的随机产生/TITLESTYLE.30pt{font-size:30pt;color:#de3076}/STYLESC

颜色的随机产生
按下启动按钮,右边的三排轮子开始滚动
按下三个X按钮颜色值定下来
按下预览按钮可看颜色效果

演示效果如下：

<HTML> <HEAD> <TITLE>颜色的随机产生</TITLE> <STYLE> .30pt{font-size:30pt;color:#de3076} </STYLE> <SCRIPT LANGUAGE="<b>Java</b>Script">  </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><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!