【代码教程】随机背景颜色调节html代码

2013-08-18 09:54:27 -0400

[代码教程]随机背景颜色调节html代码

随机背景颜色调节html代码

✎请勿抄袭本页面,可以复制框内代码

代码说明如下
代码名：随机背景调节html代码
类型：html
来自：互联网
代码说明：您可以复制以下框内的代码粘贴到您须要的地方!首先按启动,在按3个X键停止抽取背景颜色,在按三个预览键就ok了（一个预览代表一个背景影色）!将下方框内代码加入你的网站须要这种功能的地方!

html代码如下框内

<HTML> 
<HEAD>
<TITLE>颜色的随机产生</TITLE>
<STYLE>
.30pt{font-size:30pt;color:#de3076;font-family:文鼎ＰＯＰ－２繁}
</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>

代码效果演示

颜色的随机产生

按"X" 轮子停止转动...

BG Color =

颜色的随机产生

按下启动按钮,右边的三排轮子开始滚动

按下三个X按钮颜色值定下来

按下预览按钮可看颜色效果

«Newer Older»

Back to home

Subscribe | Register | Login | N