爱者家园电脑网络主页制作网页特效代码:动态改变页面的背景颜色
    
 
网页特效代码:动态改变页面的背景颜色
发起人:admin  回复数:1  浏览数:7909  最后更新:2009/9/25 15:42:14 by theaewsZ

选择查看 发表新帖 搜索更多相关主题  帖子排序:
2007/8/7 19:28:13
admin





角  色:注册用户
发 帖 数:6
经 验 值:12
注册时间:2007/8/6
网页特效代码:动态改变页面的背景颜色

将下面的代码放到<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>
<font color="#00FF00">请点击改变背景颜色:</font>
<table border="3" cellpadding="0" cellspacing="0" width="40" bordercolor="#C0C0C0" bordercolordark="#800080" bordercolorlight="#808080">
    <tr>
        <span class="MybgClr" onClick="MySetBgColor(0);event.cancelBubble=true">
          <td bgcolor="#000000" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(1);event.cancelBubble=true">
          <td bgcolor="#BD59B6" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(2);event.cancelBubble=true">
          <td bgcolor="#9894B1" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(3);event.cancelBubble=true">
          <td bgcolor="#008080" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(4);event.cancelBubble=true">
          <td bgcolor="#008000" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(5);event.cancelBubble=true">
          <td bgcolor="#AAAE60" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(6);event.cancelBubble=true">
          <td bgcolor="#9E745A" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(7);event.cancelBubble=true">
          <td bgcolor="#FA9D7E" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
        <span class="MybgClr" onClick="MySetBgColor(8);event.cancelBubble=true">
          <td bgcolor="#c08080" style="CURSOR:hand">&nbsp;&nbsp;</td>
        </span>
    </tr>
</table>
<!--改变背景色^-->


  • 联系我们 - sieye - 论坛存档 - 返回顶部
    Powered by BBSXP 2008 SP2 ACCESS © 1998-2024 Yuzi.Net
  • Processed in 0.05 second(s)
    Server Time 2024/11/27 3:58:47