十月 08, 2006
奇炫的JavaScript代码(可直接在浏览器地址栏运行)
由. Ken Wong 将文章归档于 G源共享
上面是Google图片搜索关于"blog"的结果页,但上面的图片都绕成圈在旋转了。这并不需要什么复杂的方法,只需要直接在浏览器的地址栏里输入一段简单的JavaScript代码即可实现。光是说可能表达不出来效果,下面先看看由网友制作的视频(via digg):
注:本文已于14:21更新
这样就形像得多了吧?对,要实现上面的效果,你只需要先进入要实现的网页,比如上面的Google图片搜索结果页,再把下面的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.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);
我分别在FireFox2.0 RC2及IE6上试验过,均成功。感觉这个代码用来娱乐一下挺不错的。如果你有时间,不妨一试。
14:21更新:感谢"XiaoBi"补充:
可以重复执行该代码. 图片的旋转速度会加快, 每执行一次就会加快一级. 直到你的CPU使用率为100% :)
固定链接: 奇炫的JavaScript代码(可直接在浏览器地址栏运行)
关键词:
代码 JavaScript 图片 技巧
引用: http://www.creative-weblogging.com/cgi-bin/mt-tb.pl/38553




























