gseeker
奇炫的JavaScript代码(可直接在浏览器地址栏运行)
将文章归档于 G源共享 由. Ken Wong on 2006-10-08
funkyjscode1.JPG

  上面是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% :)
Permalink: 奇炫的JavaScript代码(可直接在浏览器地址栏运行)
img Addthis img Ask img Blinklist img del.icio.us img Digg img Fark img Facebook img Google img Lycos img Ma.gnolia Add this page to Mister Wong Mr Wong img Netscape img Netvousz img Newsvine img Reddit img StumbleUpon img Slashdot img Tailrank img Technorati img Wink img Yahoo

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

  • Currently 8.17/10
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
分值情况: 8.17 / 29 评分
 
Share It
CW工具栏安设
RSSrss   | 所有的部落格订阅选择
Google google   |   什么是RSS?
Yodao Yodao
Netvibes Netvibes
AnothrAnothr
TwitterFollow us on Twitter!