滑鼠特效
將下列程式碼複製至<head>程式碼</head>區內。
<script language="JavaScript"> <!-- CoLoUrS=new Array('00ff00','ff00ff','fff000','3366ff'); var step=0.3,a_StEp=0.05,RunTime=0,currStep=0,Xpos=0,Ypos=0,cntr=70,count_a=0; var count=0,move=1,Ay=0,Ax=0,dots=16;var x;brwsr=(document.layers)?1:0; if (brwsr){ for (i=0; i < dots; i++){ document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#3366ff CLIP="0,0,3,3"></LAYER>'); } window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = nsMouse } else{ document.write('<div id="ys" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < dots; i++){ document.write('<div id="ieDivs" style="position:absolute;top:0px;left:0px;width:3px;height:3px;background:#3366ff;font-size:3px"></div>'); } document.write('</div></div>'); function ieMouse(){ Ypos=event.y; Xpos=event.x; } window.document.onmousemove = ieMouse } function MouseFollow(){ ay = Math.round(Ay+=(Ypos- Ay)* 4/40); ax = Math.round(Ax+=(Xpos- Ax)* 4/40); setTimeout('MouseFollow()',10); } function colourStep(){ count+=move; if (count >= dots) {count=0;count_a+=move} if (count_a == CoLoUrS.length) count_a=0; if (brwsr) document.layers["a"+count].bgColor=CoLoUrS[count_a]; else ieDivs[count].style.background=CoLoUrS[count_a]; setTimeout('colourStep()',100) } function TwistnSpin(){ if (!brwsr) ys.style.top=document.body.scrollTop; for (i=0; i < dots; i++) { var allLayers=(document.layers)?document.layers["a"+i]:ieDivs[i].style; allLayers.top=ay+cntr*Math.cos((currStep+i*4)/10.2)*Math.sin(currStep/20); allLayers.left=ax+cntr*Math.sin((currStep+i*4)/10.2)*Math.cos(1+currStep/20); } currStep-=step; setTimeout("TwistnSpin()",10); } function CombineNstart(){ MouseFollow();TwistnSpin();colourStep(); } window.onload=CombineNstart; // End Pretty --> </script> |