EMU618社区

 找回密码
 立即注册
搜索
查看: 6182|回复: 6

看看这神奇的效果

[复制链接]

该用户从未签到

发表于 2007-3-25 13:11:39 | 显示全部楼层 |阅读模式
  1. 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);
复制代码


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

签到天数: 2955 天

[LV.Master]伴坛终老

发表于 2007-3-25 13:28:47 | 显示全部楼层
以前好象玩过,不玩了:loveliness:

该用户从未签到

 楼主| 发表于 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再看看?

签到天数: 1 天

[LV.1]初来乍到

发表于 2007-3-25 13:56:22 | 显示全部楼层
传说中的火星帖......

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

该用户从未签到

 楼主| 发表于 2007-3-25 14:11:29 | 显示全部楼层
原帖由 重生の红狼 于 2007-3-25 13:56 发表
传说中的火星帖......

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


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

还有这个
  1. 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[i].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/"的关系)

该用户从未签到

 楼主| 发表于 2007-3-25 14:22:11 | 显示全部楼层

  1. R=0;
  2. x1=.1;
  3. y1=.05;
  4. x2=.25;
  5. y2=.24;
  6. x3=1.6;
  7. y3=.24;
  8. x4=300;
  9. y4=200;
  10. x5=300;
  11. y5=200;
  12. DI=document.images;
  13. DIL=DI.length;
  14. function A()
  15. {
  16. for(i=0; i-DIL; i++)
  17. {
  18.   if(document.images[i].src.match(/customavatars/) == null)continue;
  19.   DIS=DI[ i ].style;
  20.   DIS.position='absolute';
  21.   DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5;
  22.   DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5
  23. }
  24. R++
  25. }
  26. setInterval('A()',5);
  27. void(0);
复制代码


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

该用户从未签到

发表于 2007-3-25 15:00:44 | 显示全部楼层
:D 进来膜拜
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|国治模拟精品屋 ( 沪ICP备15012945号-1 )

GMT+8, 2024-11-25 14:24 , Processed in 1.069336 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表