查看: 116|回复: 5

[转载]很绚的鼠标效果

[复制链接]

ωǒ↘倫↙

电梯直达

1^#

发表于 2010-1-7 04:00:32 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

zhulei1978

等　级：贵宾
威　望：31
帖　子：654
专家分：0
注　册：2006-12-17
第 2 楼得分:0

<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>