js之实现页面内所有图片旋转

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);

 

把以上代码直接复制进浏览器地址栏,回车即可看到效果,超炫!!!

对于更专业的人,可以按F12进入控制台输入以上脚本,可以实现一样的效果!!!

甚至可以把该段js代码放入网页代码中,实现超炫效果!!

posted @ 2014-08-15 17:25  crazy_itman  阅读(327)  评论(0编辑  收藏  举报