让图片跳舞的js代码

imgs=document.getElementsByTagName('img');
for(i=0;i<imgs.length;i++){
    imgs[i].display='block';
    imgs[i].style.position='absolute';
}
t=0;
function foo(){
    for(i=0;i<imgs.length;i++){
        x=Math.sin((t+i*8)/180*Math.PI)*300+400;
        y=Math.cos((t+i*6)/180*Math.PI)*300+300;
        imgs[i].style.left=""+x+"px";
        imgs[i].style.top=""+y+"px";
    }
    t+=1;
    setTimeout('foo()', 20);
}
foo();

将以上代码用firebug之类的扩展运行一下,或者将如下代码复制到地址栏,就可以让网页上的图片动起来。

javascript:imgs=document.getElementsByTagName(‘img’);for(i=0;i<imgs.length;i++){imgs[i].display='block';imgs[i].style.position='absolute';}t=0;function foo(){for(i=0;i<imgs.length;i++){x=Math.sin((t+i*8)/180*Math.PI)*300+400;y=Math.cos((t+i*6)/180*Math.PI)*300+300;imgs[i].style.left=''+x+'px';imgs[i].style.top=''+y+'px';}t+=1;setTimeout('foo()',20);}foo();

One thought on “让图片跳舞的js代码

  1. 竹剑 January 21, 2007 / 10:51 pm

    大哥,怎么让照片停下来?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s