0顶

不断变化着的背景颜色

稿源：互联网 2022-08-07 06:20:51 点击： 30 撤稿纠错

不断变化着的背景颜色，可自定义变换时间。

以下讨论的是和背景特效相关的不断变化着的背景颜色教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>



<!--要完成此效果需要两个步骤

第一步：把如下代码加入到<body>区域中-->

<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>

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

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于不断变化着的背景颜色的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071496195.shtml方便下次再访问哦。

·上一篇： 表单中列出颜色，鼠标点击即可改变颜色
·下一篇： 打开页面颜色渐变

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

不断变化着的背景颜色

文章分类LIST >>返回首页

最新游戏

最新新闻