srxgundam 发表于 2007-3-25 13:11:39

看看这神奇的效果

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);

把上面的代码粘贴到地址栏,然后回车,看看出现了什么.(以上代码绝无破坏性,请放心运行)

paku 发表于 2007-3-25 13:28:47

以前好象玩过,不玩了:loveliness:

srxgundam 发表于 2007-3-25 13:40:53

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);

把代码中的cos改成tan再看看?

重生の红狼 发表于 2007-3-25 13:56:22

传说中的火星帖......

JAVA脚本而已.调用数学函数,所以什么sin,cos,tan其它的都可以用.

srxgundam 发表于 2007-3-25 14:11:29

原帖由 重生の红狼 于 2007-3-25 13:56 发表
传说中的火星帖......

JAVA脚本而已.调用数学函数,所以什么sin,cos,tan其它的都可以用.

正解,只是一段JS代码,利用document.images这个变量获取当前页面中的图片,用循环来做连续的圆周运动,正余弦函数是用来生成特定半径的圆(椭圆)

还有这个
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; functionA(){for(i=0; i-DIL;i++){if(document.images.src.match(/customavatars/) == null)continue;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);

可以只让头像转起来,头像图片也包含在document.images数组中,if(document.images.src.match(/customavatars/) == null是选择指定路径的图片,对于这个论坛如果头像是外部链接,就不会转.("/customavatars/"的关系)

srxgundam 发表于 2007-3-25 14:22:11


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++)
{
if(document.images.src.match(/customavatars/) == null)continue;
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);

这样子会更明了
DOM的力量...真的很强大

QAWEDR 发表于 2007-3-25 15:00:44

:D 进来膜拜
页: [1]
查看完整版本: 看看这神奇的效果