[转载]很绚的鼠标效果 - 新微赢技术网

<html><head><title>三色鼠标效果</title></head>
<body bgcolor=#000000>
<script language="Javascript">
<!--
var a_color='ff0000';
var b_color='00ff00';
var c_color='0000ff';
var size=120;
var YDummy=new Array();
var XDummy=new Array(),xpos=0,ypos=0,thisstep=0,step=0.6;
function ieMouse(){
xpos=document.body.scrollLeft+event.x+6;
ypos=document.body.scrollTop+event.y+16;
}
document.onmousemove=ieMouse;
function swirl(){
for(i=0;i<3;i++){
YDummy[i]=ypos+size*Math.sin((1*Math.sin((thisstep)/10))+i*2)*Math.sin((thisstep)/4);
XDummy[i]=xpos+size*Math.cos((1*Math.sin((thisstep)/10))+i*2)*Math.sin((thisstep)/4);
}
thisstep+=step;
setTimeout('swirl()',10);
}
var amount=10;
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'+'<div id="IDiv" style="position:relative">');
for(i=0;i<amount;i++){
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_color+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_color+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_color+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
function prepos(){
var msie=document.all;
for(i=0;i<amount;i++){
if(i<amount-1){
msie.x[i].style.top=msie.x[i+1].style.top;
msie.x[i].style.left=msie.x[i+1].style.left;
msie.y[i].style.top=msie.y[i+1].style.top;
msie.y[i].style.left=msie.y[i+1].style.left;
msie.z[i].style.top=msie.z[i+1].style.top;
msie.z[i].style.left=msie.z[i+1].style.left;
}
else{
msie.x[i].style.top=YDummy[0];
msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];
msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];
msie.z[i].style.left=XDummy[2];
}
}
setTimeout("prepos()",10);
}
function start(){
swirl();
prepos();
}
window.onload=start;
//-->
</script></body></html>

复制代码