68、跟随鼠标的花絮

68、跟随鼠标的花絮

脚本说明:

把如下代码加入<body>区域中

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a14" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a15" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a16" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a17" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a18" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a19" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a20" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a21" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a22" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a23" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a24" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a25" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a26" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a27" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a28" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a29" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a30" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a31" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a32" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a33" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a34" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a35" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a36" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a37" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a38" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a39" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a40" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a41" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a42" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a43" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a44" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a45" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</LAYER>

<LAYER NAME="a46" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">

</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:#FFFF00;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>

 

 

Write a comment

Comments: 0