网页特效代码：动态改变页面的背景颜色 - 爱者家园

网页特效代码：动态改变页面的背景颜色
	发起人：admin　　回复数：1　　浏览数：7910　　最后更新：2009/9/25 15:42:14 by theaewsZ

选择查看发表新帖

搜索更多相关主题　帖子排序：

2007/8/7 19:28:13

[只看该作者] #1

admin

角　　色：注册用户
发帖数：6
经验值：12
注册时间：2007/8/6
金币:6012

联系回复编辑删除

网页特效代码：动态改变页面的背景颜色

将下面的代码放到<body></body>之间合适的位置，可以动态改变页面的背景颜色。

<script language="JavaScript1.2">
function MySetBgColor(lst){
if(lst==0)
 {
 document.bgColor="#000000"
 }
else if(lst==1)
 {
 document.bgColor="#BD59B6"
 }
else if(lst==2)
 {
 document.bgColor="#9894B1"
 }
else if(lst==3)
 {
 document.bgColor="#008080"
 }
else if(lst==4)
 {
 document.bgColor="#008000"
 }
else if(lst==5)
 {
 document.bgColor="#AAAE60"
 }
else if(lst==6)
 {
 document.bgColor="#9E745A"
 }
else if(lst==7)
 {
 document.bgColor="#FA9D7E"
 }
else
 {
 document.bgColor="#c08080"
 }
}
</script>
请点击改变背景颜色：
<table border="3" cellpadding="0" cellspacing="0" width="40" bordercolor="#C0C0C0" bordercolordark="#800080" bordercolorlight="#808080">
 <tr>
 
 <td bgcolor="#000000" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#BD59B6" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#9894B1" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#008080" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#008000" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#AAAE60" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#9E745A" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#FA9D7E" style="CURSOR:hand">  </td>
 
 
 <td bgcolor="#c08080" style="CURSOR:hand">  </td>
 
 </tr>
</table>

Processed in 0.05 second(s)
Server Time 2024/11/27 3:59:53