鼠标跟随的棉花糖鼠标特效__脚本特效_后台技术飞飞Asp技术乐园

鼠标跟随的棉花糖

时间： 2007-10-01 23:45:59　阅读次数：2074

<HTML><HEAD><TITLE>网页特效|www.ffasp.com 飞飞Asp乐园|---跟随鼠标的棉花糖</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript>

</SCRIPT>

<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY bgColor=#000000 id=all text=#FFFFFF><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a0"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a1"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a2"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a3"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a4"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a5"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a6"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a7"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a8"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a9"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a10"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a11"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a12"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a13"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a14"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a15"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a16"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a17"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a18"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a19"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a20"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a21"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a22"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a23"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a24"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a25"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a26"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a27"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a28"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a29"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a30"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFF00" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a31"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a32"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a33"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a34"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a35"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a36"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a37"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a38"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a39"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a40"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a41"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a42"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" 
VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a43"></LAYER><LAYER CLIP="0,0,3,3" 
BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a44"></LAYER><LAYER 
CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" TOP="10" LEFT="10" 
NAME="a45"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FFFFFF" VISIBILITY="SHOW" 
TOP="10" LEFT="10" NAME="a46"></LAYER>
<SCRIPT language=JavaScript>
<!--
if (document.all){
document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
for (xy=0;xy<47;xy++)
document.write('<div style="position:relative;width:3px;height:3px;background:#FFFFFF;font-size:2px;visibility:visible"></div>')
document.write('</div>')
} 
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var yAmpl = 10;
var yMax = 40;
var step = .2;
var ystep = .5;
var currStep = 0;
var tAmpl=1;
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;

if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler; 
}

else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4 ;
xBase = window.innerWidth/4;
}

if (document.all)
{
var totaldivs=document.all.starsDiv.all.length
for ( i = 0 ; i < totaldivs ; i++ )
{
var tempdiv=document.all.starsDiv.all[i].style
tempdiv.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
tempdiv.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
}
}

else if (document.layers)
{
for ( j = 0 ; j < 47 ; j++ ) 
{
var templayer="a"+j
document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
}
}
currStep += step;
setTimeout("animateLogo()", 15);
}
animateLogo();
// -->
</SCRIPT>

</BODY></HTML>

提示：您可以先修改部分代码再运行