跟随鼠标的七彩流星

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>跟随鼠标的七彩流星——三W网页特效代码—网页鼠标特效</title>
</head>

<!--特效代码区域开始-->
<body bgColor="#000000">
<script language="JavaScript">  
<!--   
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')  
var speed=1;  
var RunTime = 0;  
var cntr=0;  
var xcntr=100;  
var Nslayers;  
var pulse=25;  
var onClrs;  
var Xpos = 421;  
var Ypos = 231;  
var _y;  
if (document.layers){  
window.captureEvents(Event.MOUSEMOVE);  
function xFollowMouse(evnt){  
Xpos = evnt.pageX;  
Ypos = evnt.pageY;  
}  
window.onMouseMove = xFollowMouse;  
document.write('<layer name="a0" left=10 top=10 bgcolor="#ff0000" clip="0,0,2,2"></layer>'  
+'<layer name="a1" left=10 top=10 bgcolor="#00ff00" clip="0,0,2,2"></layer>'  
+'<layer name="a2" left=10 top=10 bgcolor="#ffffff" clip="0,0,2,2"></layer>'  
+'<layer name="a3" left=10 top=10 bgcolor="#ffa500" clip="0,0,2,2"></layer>'  
+'<layer name="a4" left=10 top=10 bgcolor="#ff00ff" clip="0,0,2,2"></layer>'  
+'<layer name="a5" left=10 top=10 bgcolor="#8888ff" clip="0,0,2,2"></layer>'  
+'<layer name="a6" left=10 top=10 bgcolor="#fff000" clip="0,0,2,2"></layer>');  
}  
else if (document.all){  
function FollowMouse(){  
Xpos = document.body.scrollLeft+event.x;  
Ypos = document.body.scrollTop+event.y;  
}  
document.onmousemove = FollowMouse;  
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">'  
+'<div id="c" style="position:relative">'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>'  
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>'  
+'</div>'  
+'</div>');  
}  
function sv2(){  
if (document.layers){  
for (i=0;i<7;i++)  
{  
Nslayers="a"+i;  
document.layers[0].top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);  
document.layers[0].left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);  
var randCol=Math.round(Math.random()*8);  
document.layers[0].bgColor=Clrs[randCol];   
}  
cntr+=1;  
RunTime+=speed;  
stp=setTimeout('sv2()',10);  
if (cntr>=100)  
{  
cntr=100;  
speed=2.5;  
for (i=0;i<7;i++)  
 {  
 Nslayers="a"+i;  
 document.layers[Nslayers].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);  
 document.layers[Nslayers].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);  
 }  
}  
if (RunTime>182)  
{  
speed=0.5;  
for (i=0;i<7;i++)  
 {  
 Nslayers="a"+i;  
 document.layers[Nslayers].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);  
 document.layers[Nslayers].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5);  
 }  
}  
}  
else if (document.all){  
for (i=0;i<ieDiv.all.c.all.length;i++)  
{  
var randCol=Math.round(Math.random()*8);  
ieDiv.all.c.all[0].style.background=Clrs[randCol];  
ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);  
ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);  
}   
cntr+=1;  
RunTime+=speed;  
window.status=RunTime;  
stp=setTimeout('sv2()',10);  
if (cntr>=100)  
{  
cntr=100;  
speed=2.5;  
for (i=0;i<ieDiv.all.c.all.length;i++)  
 {  
ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);  
ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);  
 }  
}  
if (RunTime>182)  
{  
speed=0.5;  
for (i=0;i<ieDiv.all.c.all.length;i++)  
 {  
ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);  
ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5);  
 }  
}  
}  
if (RunTime>210)  
{  
xcntr-=10;  
}  
if (document.layers)  
_y=-window.innerWidth-90;  
else if (document.all)  
_y=-document.body.clientWidth-90;  
if (xcntr <= _y)  
{  
RunTime=0;  
speed=1;  
cntr=0;  
xcntr=100;  
}  
}  
sv2()  
//-->  
    </script>

<!--特效代码区域结束-->
</body> 
</html>

关闭此页错误报告添加收藏重新加载清空代码下载保存全选复制修改预览直接预览

上一篇：禁用鼠标左右键的一种方法——如何禁止鼠标右键、左键
下一篇：用鼠标移动图片功能

网页特效代码使用说明

一直跟随鼠标旋转的七彩星星，很绚丽的网页特效。

支持IE、TT、世界之窗、遨游、360、绿色浏览器。

建议背景色采用黑色，这样特效看起来更有感觉的噢。

直接见特效代码加入到网页的body标签之间即可。

网页中最好不要有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段代码，否则会出现水平滚动条。

☉[修改预览][全选复制][关闭此页]按钮仅支持IE及使用IE核心的浏览器

☉您可以直接修改代码，然后通过点击[修改预览]按钮查看修改后的代码效果

☉[预览效果]按钮可以查看原始代码效果，不受代码修改的影响

☉如果代码修改的较为凌乱，可以点击[重新加载]按钮重载代码

☉[添加收藏]按钮可以直接将本页添加到本地收藏夹，便于以后查看

☉如果此代码不能正常运行，您可以通过[错误报告]通知我们，我们会尽快处理，同时感谢你对本站的支持

☉如果您还有其他疑问，可以加入到本站第⑥QQ群74241964共同交流学习。