管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

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

　　

<html>

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>旋转图片</title> 
</head>

<body>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%20%0D%0A%3C!--%20%20%0D%0Avar%20images%3D'%2Fupload%2F20071119223356980.gif'%3B%2F%2F%E5%B0%86%E5%9B%BE%E7%89%87%E5%90%8D%E7%A7%B0%E6%94%B9%E4%B8%BA%E4%BD%A0%E7%9A%84%E5%9B%BE%E5%83%8F!%20%20%0D%0Avar%20amount%3D7%3B%2F%2FNumber%20of%20images%20here.%20Do%20not%20alter%20for%20this%20script!!%20%20%0D%0Avar%20speed%3D1%3B%20%20%0D%0Avar%20RunTime%20%3D%200%3B%20%20%0D%0Avar%20cntr%3D0%3B%20%20%0D%0Avar%20xcntr%3D100%3B%20%20%0D%0Avar%20pulse%3D25%3B%20%20%0D%0Avar%20Xpos%20%3D%200%3B%20%20%0D%0Avar%20Ypos%20%3D%200%3B%20%20%0D%0Avar%20_y%3B%20%20%0D%0Avar%20temp%3B%20%20%0D%0A%0D%0A%2F*If%20you%20use%20an%20image%20larger%20or%20smaller%20than%20the%20one%20I've%20used%20%20%0D%0Athe%20cursor%20will%20be%20off%20center.Alter%20the%202%20variables%20below%20to%20center%20it.*%2F%20%20%0D%0Avar%20UpDown%3D-10%3B%20%20%0D%0Avar%20LeftRight%3D-5%3B%20%20%0D%0A%0D%0Aif%20(document.all)%7B%20%20%0D%0Adocument.write('%3Cdiv%20id%3D%22ieDiv%22%20style%3D%22position%3Aabsolute%3Btop%3A0px%3Bleft%3A0px%22%3E')%3B%20%20%0D%0Adocument.write('%3Cdiv%20id%3D%22c%22%20style%3D%22position%3Arelative%22%3E')%3B%20%20%0D%0Afor%20(n%3D0%3B%20n%20%3C%20amount%3B%20n%2B%2B)%20%20%0D%0Adocument.write('%3Cimg%20src%3D%22'%2Bimages%2B'%22%20style%3D%22position%3Aabsolute%3Btop%3A0px%3Bleft%3A0px%3Bvisibility%3Ahidden%22%3E')%3B%20%20%0D%0Adocument.write('%3C%2Fdiv%3E')%3B%20%20%0D%0Adocument.write('%3C%2Fdiv%3E')%3B%20%20%0D%0A%0D%0Afunction%20FollowMouse()%7B%20%20%0D%0AXpos%20%3D%20document.body.scrollLeft%2Bevent.x%2BUpDown%3B%20%20%0D%0AYpos%20%3D%20document.body.scrollTop%2Bevent.y%2BLeftRight%3B%20%20%0D%0A%7D%20%20%0D%0Adocument.onmousemove%20%3D%20FollowMouse%3B%20%20%0D%0A%7D%20%20%0D%0A%0D%0Aelse%20if%20(document.layers)%7B%20%20%0D%0Awindow.captureEvents(Event.MOUSEMOVE)%3B%20%20%0D%0Afunction%20xFollowMouse(evnt)%7B%20%20%0D%0AXpos%20%3D%20evnt.pageX%2BUpDown%3B%20%20%0D%0AYpos%20%3D%20evnt.pageY%2BLeftRight%3B%20%20%0D%0A%7D%20%20%0D%0Awindow.onMouseMove%20%3D%20xFollowMouse%3B%20%20%0D%0Afor%20(ns%3D0%3B%20ns%20%3C%20amount%3B%20ns%2B%2B)%20%20%0D%0Adocument.write(%22%3CLAYER%20NAME%3D'n%22%2Bns%2B%22'%20LEFT%3D0%20TOP%3D0%20VISIBILITY%3DHIDE%3E%3CIMG%20SRC%3D'%22%2Bimages%2B%22'%3E%3C%2FLAYER%3E%22)%3B%20%20%0D%0A%7D%20%20%0D%0A%0D%0A%0D%0Afunction%20msi()%7B%20%20%0D%0Aif%20(document.layers)%7B%20%20%0D%0Afor%20(%20i%20%3D%200%20%3B%20i%20%3C%20ns%20%3B%20i%2B%2B%20)%20%20%0D%0A%7B%20%20%0D%0Atemp%3D%22n%22%2Bi%20%20%0D%0Adocument.layers%5B0%5D.visibility%3D'show'%3B%20%20%0D%0Adocument.layers%5B0%5D.top%20%3D%20Ypos%2Bcntr*Math.cos((RunTime%2Bi*4.5)%2F5)%3B%20%20%0D%0Adocument.layers%5B0%5D.left%20%3DXpos%2Bcntr*Math.sin((RunTime%2Bi*4.5)%2F5)%3B%20%20%0D%0A%7D%20%20%0D%0Acntr%2B%3D1%3B%20%20%0D%0ARunTime%2B%3Dspeed%3B%20%20%0D%0Astp%3DsetTimeout('msi()'%2C10)%3B%20%20%0D%0Aif%20(cntr%3E%3D100)%20%20%0D%0A%7B%20%20%0D%0Acntr%3D100%3B%20%20%0D%0Aspeed%3D2.5%3B%20%20%0D%0Afor%20(%20i%20%3D%200%20%3B%20i%20%3C%20ns%20%3B%20i%2B%2B%20)%20%20%0D%0A%7B%20%20%0D%0Atemp%3D%22n%22%2Bi%20%20%0D%0Adocument.layers%5Btemp%5D.visibility%3D'show'%3B%20%20%0D%0Adocument.layers%5Btemp%5D.top%3DYpos%2Bcntr*Math.cos((RunTime-100)*i%2F90)%3B%20%20%0D%0Adocument.layers%5Btemp%5D.left%3DXpos%2Bcntr*Math.sin((RunTime-100)*i%2F90)%3B%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0Aif%20(RunTime%3E182)%20%20%0D%0A%7B%20%20%0D%0Aspeed%3D0.5%3B%20%20%0D%0Afor%20(%20i%20%3D%200%20%3B%20i%20%3C%20ns%20%3B%20i%2B%2B%20)%20%20%0D%0A%7B%20%20%0D%0Atemp%3D%22n%22%2Bi%20%20%0D%0Adocument.layers%5Btemp%5D.top%3DYpos%2Bxcntr*Math.cos(((RunTime-182)%2Bi*4.5)%2F5)%3B%20%20%0D%0Adocument.layers%5Btemp%5D.left%3DXpos%2Bxcntr*Math.sin(((RunTime-182)%2Bi*4.5)%2F5)*Math.cos((RunTime-182)%2F5)%3B%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0A%0D%0A%0D%0A%0D%0Aelse%20if%20(document.all)%7B%20%20%0D%0Afor%20(i%3D0%3Bi%3CieDiv.all.c.all.length%3Bi%2B%2B)%20%20%0D%0A%7B%20%20%0D%0AieDiv.all.c.all%5B0%5D.style.visibility%3D'visible'%3B%20%20%0D%0AieDiv.all.c.all%5B0%5D.style.top%3DYpos%2Bcntr*Math.cos((RunTime%2Bi*4.5)%2F5)%3B%20%20%0D%0AieDiv.all.c.all%5B0%5D.style.left%3DXpos%2Bcntr*Math.sin((RunTime%2Bi*4.5)%2F5)%3B%20%20%0D%0A%7D%20%20%0D%0Acntr%2B%3D1%3B%20%20%0D%0ARunTime%2B%3Dspeed%3B%20%20%0D%0Astp%3DsetTimeout('msi()'%2C10)%3B%20%20%0D%0Aif%20(cntr%3E%3D100)%20%20%0D%0A%7B%20%20%0D%0Acntr%3D100%3B%20%20%0D%0Aspeed%3D2.5%3B%20%20%0D%0Afor%20(i%3D0%3Bi%3CieDiv.all.c.all.length%3Bi%2B%2B)%20%20%0D%0A%7B%20%20%0D%0AieDiv.all.c.all%5Bi%5D.style.visibility%3D'visible'%3B%20%20%0D%0AieDiv.all.c.all%5Bi%5D.style.top%3DYpos%2Bcntr*Math.cos((RunTime-100)*i%2F90)%3B%20%20%0D%0AieDiv.all.c.all%5Bi%5D.style.left%3DXpos%2Bcntr*Math.sin((RunTime-100)*i%2F90)%3B%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0Aif%20(RunTime%3E182)%20%20%0D%0A%7B%20%20%0D%0Aspeed%3D0.5%3B%20%20%0D%0Afor%20(i%3D0%3Bi%3CieDiv.all.c.all.length%3Bi%2B%2B)%20%20%0D%0A%7B%20%20%0D%0AieDiv.all.c.all%5Bi%5D.style.top%3DYpos%2Bxcntr*Math.cos(((RunTime-182)%2Bi*4.5)%2F5)%3B%20%20%0D%0AieDiv.all.c.all%5Bi%5D.style.left%3DXpos%2Bxcntr*Math.sin(((RunTime-182)%2Bi*4.5)%2F5)*Math.cos((RunTime-182)%2F5)%3B%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0Aif%20(RunTime%3E210)%20%20%0D%0A%7B%20%20%0D%0Axcntr-%3D10%3B%20%20%0D%0A%7D%20%20%0D%0Aif%20(document.layers)%20%20%0D%0A_y%3D-window.innerWidth-90%3B%20%20%0D%0Aelse%20if%20(document.all)%20%20%0D%0A_y%3D-document.body.clientWidth-90%3B%20%20%0D%0Aif%20(xcntr%20%3C%3D%20_y)%20%20%0D%0A%7B%20%20%0D%0ARunTime%3D0%3B%20%20%0D%0Aspeed%3D1%3B%20%20%0D%0Acntr%3D0%3B%20%20%0D%0Axcntr%3D100%3B%20%20%0D%0A%7D%20%20%0D%0A%7D%20%20%0D%0Amsi()%20%20%0D%0A%2F%2F--%3E%20%20%0D%0A%3C%2Fscript%3E">

</body>

</html>

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

教程首页更多教程