用javascript实现旋转图片效果的代码

ttx9n · 发表于 2007-11-19 22:26:09

<html>

<body>

/*If you use an image larger or smaller than the one I've used  
the cursor will be off center.Alter the 2 variables below to center it.*/  
var UpDown=-10;  
var LeftRight=-5;

if (document.all){  
document.write('');  
document.write('');  
for (n=0; n < amount; n++)  
document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');  
document.write('');  
document.write('');

function FollowMouse(){  
Xpos = document.body.scrollLeft+event.x+UpDown;  
Ypos = document.body.scrollTop+event.y+LeftRight;  
}  
document.onmousemove = FollowMouse;  
}

else if (document.layers){  
window.captureEvents(Event.MOUSEMOVE);  
function xFollowMouse(evnt){  
Xpos = evnt.pageX+UpDown;  
Ypos = evnt.pageY+LeftRight;  
}  
window.onMouseMove = xFollowMouse;  
for (ns=0; ns < amount; ns++)  
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0 VISIBILITY=HIDE><IMG SRC='"+images+"'></LAYER>");  
}

else if (document.all){  
for (i=0;i<ieDiv.all.c.all.length;i++)  
{  
ieDiv.all.c.all[0].style.visibility='visible';  
ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);  
ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);  
}  
cntr+=1;  
RunTime+=speed;  
stp=setTimeout('msi()',10);  
if (cntr>=100)  
{  
cntr=100;  
speed=2.5;  
for (i=0;i<ieDiv.all.c.all.length;i++)  
{  
ieDiv.all.c.all<i>.style.visibility='visible';  
ieDiv.all.c.all<i>.style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);  
ieDiv.all.c.all<i>.style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);  
}  
}  
if (RunTime>182)  
{  
speed=0.5;  
for (i=0;i<ieDiv.all.c.all.length;i++)  
{  
ieDiv.all.c.all<i>.style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);  
ieDiv.all.c.all<i>.style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);  
}  
}  
}  
if (RunTime>210)  
{  
xcntr-=10;  
}  
if (document.layers)  
_y=-window.innerWidth-90;  
else if (document.all)  
_y=-document.body.clientWidth-90;  
if (xcntr <= _y)  
{  
RunTime=0;  
speed=1;  
cntr=0;  
xcntr=100;  
}  
}  
msi()  
//-->  
</script>

</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

j__j33p · 发表于 2022-8-14 23:55:30

老大你好你好好你好

雪龙Ui79 · 发表于 2022-12-31 15:02:31

看看怎么样再说

4k0mp7m · 发表于 2023-1-6 03:04:07

看看看咋么

kwa3hgmjp · 发表于 2023-5-26 21:58:27

hi哦回复iOS就看见

8ayoqrpj · 发表于 2023-6-11 18:38:21

hi哦和烦恼农家女

白狐软件 · 发表于 2023-8-22 21:38:49

呵呵呵呵呵呵呵a

dingzhi521 · 发表于 2023-10-15 10:02:16

大家都不容易！

r8st9 · 发表于 2024-1-23 18:47:49

8888888888888888

fzyzy · 发表于 2024-3-5 09:12:13

谢谢您的分享！

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 用javascript实现旋转图片效果的代码

相关帖子