奇炫的JavaScript代码(可直接在浏览器地址栏运行)

信息来源:GSeeker

大图:http://huaidan.org/wp-content/uploads/img/yupoo/20061008/141052_1122768861_jdpnbeud.jpg

上面是我blog的留言簿页,但上面的图片都绕成圈在旋转了。这并不需要什么复杂的方法,只需要直接在浏览器的地址栏里输入一段简单的JavaScript代码即可实现。光是说可能表达不出来效果,下面是由网友制作的视频,是Google图片搜索关于"blog"的结果页,输入那段JavaScript代码后的效果(via Digg):
http://www.youtube.com/v/MOHtuuvybqc
要实现上面的效果,你只需要先进入要实现的网页,比如上面的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上试验过,均成功。当然,你也可以自己修改下代码,变换效果。
纯属娱乐。

相关日志

抢楼还有机会... 抢座Rss 2.0或者 Trackback

发表评论