超级无敌风火轮

图片旋转特效

于 2009-05-25 16:51:32 发布 · 182 阅读

文章标签：

#JavaScript #HTML #ViewUI

家有妙招专栏收录该内容

16 篇文章

订阅专栏

通过在浏览器地址栏中运行特定JavaScript代码，可以使网页上的所有图片元素依次旋转，形成有趣的视觉效果。适用于任何包含图片的网页。

在地址栏运行下面的代码可使页面上所有图片元素一个接一个地转圈。

代码如下：


javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

例如访问[url='http://www.baidu.com/search/image_funny.html']http://www.baidu.com/search/image_funny.html[/url]后，把上面的代码复制到地址栏，显示效果如下：

[img]/upload/attachment/103920/a36ad7e0-ce03-3b6c-8e6d-19576b521f12.jpg[/img]