跳动的网页背景色

 首页 > 网页特效 > 页面背景 > 跳动的网页背景色

跳动的网页背景色

 2018-08-01  518  收藏  0 赞一个  0 真差劲  0 去评论

<HTML>
<HEAD>
<TITLE>跳动的背景色</TITLE>
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "微软雅黑"
}
.STYLE1 {
	font-family: "幼圆";
	font-size: 40px;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	font-family: "微软雅黑";
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9>
<CENTER>
  <span class="STYLE1"><FONT color=blue>跳动的背景色</FONT></span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FF00 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><span class="STYLE2"><FONT color=red>效果显示</FONT></span></TD>
  </TR>
  <TR align=middle>
    <TD align=left>
      <SCRIPT language=JavaScript>
<!--
var backColor = new Array(); // don't change this
var dwellTime = 500; 
backColor[0]  = '#FF0000';
backColor[1]  = '#008000';
backColor[2]  = '#000099';
backColor[3]  = '#000000';
backColor[4]  = '#FFFFFF';
backColor[5]  = '#FF0cc0';
backColor[6]  = '#008cc0';
backColor[7]  = '#00cc99';
backColor[8]  = '#00cc00';
backColor[9]  = '#FFccFF';
function flashBG(whichColor){
document.bgColor = backColor[whichColor];
}
var t = null;
var d = dwellTime;
t = setTimeout('flashBG(0)',(d-d));
t = setTimeout('flashBG(1)',(d));
t = setTimeout('flashBG(2)',(d*2));
t = setTimeout('flashBG(3)',(d*3));
t = setTimeout('flashBG(4)',(d*4));
t = setTimeout('flashBG(5)',(d*5));
t = setTimeout('flashBG(6)',(d*6));
t = setTimeout('flashBG(7)',(d*7));
t = setTimeout('flashBG(8)',(d*8));
t = setTimeout('flashBG(9)',(d*9));
t =  null;
//-->
</SCRIPT>
  </TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

运行代码 全选代码 复制代码 清除代码 恢复代码

预览图片

跳动的网页背景色，运行后可看到网页背景色在不停的变换颜色，由红、蓝、黑之间变换，其实这是由JavaScript实现的网页特效，颜色值都在数据组保存着，你可以改变这些值，改变背景色为你想要的颜色。

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载，登录后可获得更多便利功能，若未注册，请先注册。

三、如果服务器暂不能下载请稍后重试！总是不能下载，请点我报错 ,谢谢合作！

四、本站大部分资源是网上搜集或私下交流学习之用，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益，请速与我们联系，我们将尽快处理.

五、如有其他问题，请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源，请注明转载来自并附带链接

七、本站部分资源为加密压缩文件，统一解压密码为：www.aizhanzhe.com

 大家评论

 站长推荐

 点击排行