将文章归档于
G源共享
由. Ken Wong on 2006-10-08
上面是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代码（可直接在浏览器地址栏运行）
Addthis
Ask
Blinklist
del.icio.us
Digg
Fark
Facebook
Google
Lycos
Ma.gnolia
Mr Wong
Netscape
Netvousz
Newsvine
Reddit
StumbleUpon
Slashdot
Tailrank
Technorati
Wink
Yahoo
Vote for 奇炫的JavaScript代码（可直接在浏览器地址栏运行）:
|
分值情况: 8.17 / 29 评分
|
回应:
ersaclarke
(10/08/06 3:48pm)
ff 1.5也可以的。
回应:
airosp
(10/08/06 4:09pm)
排版~
JavaScript:
R=0;
x1=.10; 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);
JavaScript:
R=0;
x1=.10; 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);
回应:
麦小田
(10/08/06 4:24pm)
比较cool
打开国内某门户的首页，运行后感觉像AV
打开国内某门户的首页，运行后感觉像AV
回应:
(10/08/06 4:28pm)
这段代码放在哪个页面上都可以。。。
浏览器支持javascript就行
浏览器支持javascript就行
回应:
XiaoBi
(10/08/06 4:57pm)
to 幻灭
可以重复执行该代码. 图片的旋转速度会加快, 每执行一次就会加快一级. 直到你的CPU使用率为100% :)
可以重复执行该代码. 图片的旋转速度会加快, 每执行一次就会加快一级. 直到你的CPU使用率为100% :)
回应:
qienkuen
(10/08/06 6:00pm)
小田说的情况，哈哈～～
回应:
zlbruce
(10/08/06 6:16pm)
呵呵,好玩~
回应:
POPOEVER
(10/08/06 7:05pm)
可以通过地址栏自定义任何一个网站的样式，这些都是很古老的技巧了:)
回应:
ybad
(10/08/06 10:36pm)
无论我怎么弄都没有 直接打复制进去 或者加在原来的网址后面 都没有 无论是IE还是firefox...郁闷....
PS：不知道怎么搞得 幻灭这边的视频在firefox下都无法点击播放 要换成IE才行 不知道其他firefox用户会不会？无论是youtube还是上次的其它的视频网站
PS：不知道怎么搞得 幻灭这边的视频在firefox下都无法点击播放 要换成IE才行 不知道其他firefox用户会不会？无论是youtube还是上次的其它的视频网站
回应:
dsfdsa
(10/08/06 10:44pm)
只不过是乳房嘛,有什么大不了,又不是第三点
回应:
kankan
(10/09/06 1:12am)
速度贼慢
回应:
green tea
(10/09/06 1:14am)
tianya上面有个留言的页面见过。
回应:
(10/09/06 2:17am)
IE7 一样可以 还停不下来了
回应:
殊光流彩
(10/09/06 2:03pm)
咦，，运行不了：
Forbidden
You don't have permission to access /javascript。。。。。on this server.
Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.
Forbidden
You don't have permission to access /javascript。。。。。on this server.
Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.
回应:
ooiilliioo
(10/09/06 7:29pm)
我为什么不能在FF上看这网页上的视频？？？请指教
回应:
幻灭
(10/09/06 8:13pm)
FireFox需要安装Flash插件才能看。
回应:
dangerboy
(10/10/06 3:26pm)
晕。我在ff里面设置的是地址栏输入是打开新的标签页。没办法了，每次输入的时候必须要先设置一次，真的是只能拿来娱乐用了。
回应:
neoskull
(10/10/06 6:44pm)
太奇妙了！！！
回应:
郁祉峤
(10/10/06 9:12pm)
好像Google的页面都可以
回应:
38huo.com
(10/11/06 12:55pm)
如果告诉你163.com baidu.com sina.com.......这些网站都可以的话，你一定会觉得这个话题很可笑，和google没有任何关系，只能说这个似js的作用。
回应:
幻灭
(10/11/06 4:08pm)
GSeeker是个以Google为主题的网站，因此我举例时挑选了Google图片搜索。这只是一个JS特效，当然可用于其它网站。还是那句话：本站假定读者已有基本的常识，不负责扫盲。
回应:
38huo.com
(10/14/06 6:08pm)
不好意思，好像是我看错标题了......
小晕......
小晕......
回应:
paulneo9
(10/22/06 9:44pm)
要是可以做个按牛，访问者每次自己按下就可以看到图片的效果就很好了。
使用我们的搜索寻找其他有趣的文章
| CW工具栏 |  |
| RSS |  | 所有的部落格订阅选择 |
| 什么是RSS? | |
| Yodao |
|
| Netvibes |
|
| Anothr |  |
| Follow us on Twitter! |
