让页面的图片随风飞舞
November 22nd, 2006 by lidecheng
有高手编写了一段代码如下：
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.images; 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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);
例如访问豆瓣站点的时候，只要地址栏复制上面这段代码，并按回车执行。就可以看到许多会员头像或书籍、电影的封面图片仿佛被龙卷风刮起，不停地飞舞。效果如下图所示。
其实这段代码并不只可以用在豆瓣上，至少我试了google、新浪、flickr 等许多站点。执行代码后，上面的图片同样会飞舞起来。所以只要你的浏览器没有屏蔽JS代码，相信大多的站点都可以用来搞一下。
PS：想看到更壮观的景象就访问一个有更多图片的页面好了，想停下来就刷新页面吧。
而且按回车的次数越多，图片的飞行速度越快哦
原文配图：
0 Responses to “让页面的图片随风飞舞”