通过js实现背景颜色定时切换改变显示效果,这就是网页颜色定时改变js特效,根据自己的需求来自定义切换速度和颜色。
<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);/*这里你可以改变时间间隔.*/ }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) 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> <body onload="chgCol(); pingpong();"> <a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> </body>
本文来自武鸣人网站,转载请注明出处