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

前端APP 投稿 9700 0 评论

这篇文章和大家分享一个 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 标签成任何网页上任何其他存在的标签,可以使相应的标签也做这种风火轮运动。下面是淘宝被特效之后的截图,非常的有意思。

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

编程笔记 » JavaScript浏览器地址栏特效之无敌风火轮特效

赞同 (54) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽