当前位置：Gxlcms > JavaScript > 用javascript实现旋转图片效果的代码

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

时间：2021-07-01 10:21:17 帮助过：31人阅读

<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="https://img.gxlcms.com/'+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需刷新才能执行]

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

人气教程排行