充满魔力的JS

来源:互联网 发布:机房维护软件 编辑:程序博客网 时间:2024/04/30 06:50

一段JS代码,打开个带有图片的网页,把上面代码贴到浏览器地址栏回车看看效果。

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.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5);void(0);

 

一·这段代码首先定义了一些变量,用来动态生成图片的位置:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;

 

二· 取得页面所有的图片对象,遍历所有的图片对象,通过style属性改变所有图片的位置:

DI=document.images;DIL=DI.length;function A(){for(i=0;i-DIL;i++){DIS=DI[i].style;DIS.position='absolute';DIS.left=Math.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}

 

三·通过setInterval('A()',5);设置每个5毫秒动态的调用一次A();

 

 



 

原创粉丝点击