JavaScript浏览器地址栏特效之无敌风火轮特效

2019独角兽企业重金招聘Python工程师标准>>>

这篇文章和大家分享一个 javascript 在浏览器地址栏上的特效，非常的有趣。它可以使页面上所有的图片元素一个个得排列起来并不停的转圈。因为转圈弧度为半圆且棱角分明，我们姑且称之为风火轮效果吧！这个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);

 

提醒一下，你可以改变代码里的 img 标签成任何网页上任何其他存在的标签，可以使相应的标签也做这种风火轮运动。下面是淘宝被特效之后的截图，非常的有意思。

 

怎么样，很拉风吧？更多特效请关注原网站！

转载于:https://my.oschina.net/phpernote/blog/125466