网页特效 _ 变色的旋转圆圈

当前位置：

栏目导航

	典型特效	状态栏
	游戏类	页面背景
	页面特效	页面导航
	文本操作	文本特效
	图形特效	鼠标特效
	时间日期	密码类
	浏览相关	警告对话
	技巧类	计数转换
	测试搜索	代码生成
	播放音乐	按钮特效
	系统相关	链接特效
	黑客性质	相关特效
	窗口特效	其它特效

	最新更新

	热点文章

变色的旋转圆圈

http://www.yy0736.com 加入日期：2005-01-29 点击数：

查看:[大字体中字体小字体]

说明: 完整网页

效果: 单击这里看效果

代码:

<head> <title>变色的旋转圆圈</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <! -----------------------------------------------> <script language="JavaScript"> var CoLoUrS=new Array('ff0000','ffffff','0000ff','ffffff'); var dots=16; var ThingsInArray; var step=0.3; var a_StEp=0.05; var RunTime=0; var currStep = 0; var Xpos = 0; var Ypos = 0; var cntr=70; var count_a=0; var move_a=1; var curColour; var count=0; var move=1; var brwsr=(document.layers)?1:0; if (brwsr){ for (i=0; i < dots; i++){ document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#ffffff CLIP="0,0,2,2"></LAYER>'); } var x = document; ThingsInArray=new Array(x.a0,x.a1,x.a2,x.a3,x.a4,x.a5,x.a6,x.a7,x.a8,x.a9,x.a10,x.a11,x.a12,x.a13,x.a14,x.a15) } else{ document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px"><div id="c" style="position:relative">'); for (i=0; i < dots; i++){ document.write('<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>'); } document.write('</div></div>'); var x = ieDiv.all.c.all; ThingsInArray=new Array(x[0],x[1],x[2],x[3],x[4],x[5],x[6],x[7],x[8],x[9],x[10],x[11],x[12],x[13],x[14],x[15]) } function colourStep(){ count+=move; if (count >= ThingsInArray.length) {count=0;count_a+=move} if (count_a == CoLoUrS.length) count_a=0; if (brwsr) ThingsInArray[count].bgColor=CoLoUrS[count_a]; else ThingsInArray[count].style.background=CoLoUrS[count_a]; setTimeout('colourStep()',100) } function moveAbout(){ if (brwsr){ Ypos = window.pageYOffset+window.innerHeight/2 + window.innerHeight/3.1 * Math.cos((RunTime)/3)*Math.cos(RunTime/50); Xpos = window.pageXOffset+window.innerWidth/2 + window.innerWidth/2.4 * Math.sin((RunTime)/5)*Math.cos(RunTime/30); } else{ Ypos = document.body.scrollTop+document.body.offsetHeight/2 + document.body.offsetHeight/2.8*Math.cos((RunTime)/3)*Math.cos(RunTime/10); Xpos= document.body.scrollLeft+document.body.offsetWidth/2 + document.body.offsetWidth/2.4*Math.sin((RunTime)/5)*Math.sin(RunTime/20); } RunTime+=a_StEp; Tma=setTimeout("moveAbout()", 10); } function TwistnSpin(){ if (brwsr){ for ( i = 0 ; i < 16 ; i++ ) { var templayer="a"+i document.layers[templayer].top = Ypos+cntr*Math.cos((currStep + i*4)/10.2)*Math.cos(currStep/10) document.layers[templayer].left =Xpos+cntr*Math.sin((currStep + i*4)/10.2); } } else{ for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos+cntr*Math.cos((currStep + i*4)/10.2)*Math.cos(currStep/10) ieDiv.all.c.all[i].style.left= Xpos+cntr*Math.sin((currStep + i*4)/10.2); } } currStep+=step; setTimeout("TwistnSpin()",10); } function Shrink(){ cntr-=0.5; GoShrink=setTimeout('Shrink()',10); if (cntr <=20) {clearTimeout(GoShrink);Swell()} } function Swell(){ cntr+=0.5; GoSwell=setTimeout('Swell()',10); if (cntr >=70) {clearTimeout(GoSwell);Shrink()} } function StArTuP(){ moveAbout(); TwistnSpin(); Shrink(); colourStep(); } StArTuP(); </script> <! ----------------------------------------------->

作者：佚名来源：网上转帖　　

上篇：自动上下滚屏　下篇：利用全屏打开加重定窗口大小产生的无边框网页

[夜鹰论坛] [我要留言] [关闭窗口] [大中小][TOP]

■此文章最新评论（不超过十条）

■评论此文章 ( 有问题请去夜鹰论坛发帖 )
共有评论：篇查看全部评论姓名：	【声明】您所发表的言论将被众多网友阅读，因此，您所发表的言论应不违反中国法律，不违背一般的道德原则，否则，您必须对您的不当言论引发的一切不良后果负责；此外，我们的管理员有权删除您发表的不当言论，谢谢合作！

变色的旋转圆圈

变色的旋转圆圈