学院首页
>
网页制作
>
Javascript
>一个带图片的旋转特效
一个带图片的旋转特效
作者：myori 来源：51js.com 添加时间：2006-5-21 9:22:35
代码片段如下:
<script language="JavaScript"><!-- var images='http://www.51js.com/images/avatars/0/87.gif';//Put your image name here!!var amount=7;//Number of images here. Do not alter for this script!!var speed=1;var RunTime = 0;var cntr=0;var xcntr=100;var pulse=25;var Xpos = 0;var Ypos = 0;var _y;var temp;/*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('<div id="ieDiv" style="position:absolute;top:0px;left:0px">');document.write('<div id="c" style="position:relative">');for (n=0; n < amount; n++)document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');document.write('</div>');document.write('</div>');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>");}function msi(){if (document.layers){for ( i = 0 ; i < ns ; i++ ){temp="n"+idocument.layers[0].visibility='show';document.layers[0].top = Ypos+cntr*Math.cos((RunTime+i*4.5)/5);document.layers[0].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 < ns ; i++ ){ temp="n"+i document.layers[temp].visibility='show'; document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90); document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90); }}if (RunTime>182){speed=0.5;for ( i = 0 ; i < ns ; i++ ){ temp="n"+i document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5); document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); }}}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> </div> <div class="page1">上一篇：<a href='0652620202623238.htm'>一个闪烁文字鼠标跟随效果</a><br />下一篇：<a href='0652620202690157.htm'>十分COOL的鼠标效果</a></div> </div> <div id="ad1"><div id="rlist">站内搜索</div><div id="tuijian"><form method="post" action="/edu/search.asp"> <input type="text" name="keyword" size="16"> <input type="submit" name="Submit" value="搜索"> </form> </div><script src="/js/eduright.js" type="text/javascript"></script></div> </div> <script src="/foot.js" type="text/javascript"></script> <script src="/gg/bottom.js" type="text/javascript"></script> </body> </html>
代码片段如下: 代码片段如下: 代码片段如下: