当前位置:开发者网络 >> 网页特效 >> 页面背景 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
不断变化着的背景颜色
日期:2004-06-18   人气:   【字体: 】【收藏此文


<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 2 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中: -->

<SCRIPT language=javascript><!--

var pos=10;function initArray(){this.length=initArray.arguments.length;

for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}

var col=new initArray("4b","5b","8b","8b");

col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";

col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";

col[8]="blueviolet";col[9]="violet";

function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];

setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/

}

var yourwords="不断变化背景色彩";var buffer1=" ";

var buffer2=" ";

var message1=buffer1+yourwords+buffer2;

var dir="left";var speed=150;function pingpong(){

if(dir=="left")

{message2=message1.substring(2,message1.length)+" ";

window.status=message2;setTimeout("pingpong();",speed);message1=message2;

if(message1.substring(0,1)=="*")dir="right";}

else{message2=" "+message1.substring(0,message1.length-2);

window.status=message2;setTimeout("pingpong();",speed);

message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//

-->

</SCRIPT>




<!-- 第 2 步: -->
<!-- 把<BODY>中的属性代码改为: -->

<BODY onload="chgCol(); pingpong();">