javascript特效代码分析

来源:百度知道 编辑:UC知道 时间:2024/09/23 18:25:37
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);

详细分析各个部分的功能,另外如果想实现页面上所有图片围成一个平面的圆状,并且可以调整变量参数以使他逆时针或者顺时针按某种速度运转,那么代码怎么改动?
回复4楼:只要解释的清楚就加分

<html>
<head>
</head>
<body>
<img src="x200742501712.gif"/>
<img src="20065110515713.gif"/>
<img src="200651105053281.gif"/>
<img src="200651105059286.gif"/>
<img src="200651105110149.gif"/>
<script>
R=200;
var arg=0.0;
x2=0.25; y2=0.24;
x0=300; y0=300; //中心坐标
DI=document.images;
DIL=DI.length;
//上面的也就不再解释了
//下面是更改过的函数,改成了做圆周运动,要反向运动只需把sin换cos,cos换sin就可以了
//圆周运动公式 x=Rcos(arg);
// y=Rsin(arg); R为半径,arg为角度
function A(){for(i=0; i-DIL; i++){
DIS=DI[i].style;
DIS.position='absolute';
DIS.left=R*Math.cos(arg+i*x2)+x0;//按公式设置每张图片的位置
DIS.top=R*Math.sin(arg+i*y2)+y0;
}
arg=arg+3.14/180;//每调用一次角度增加一度
}
setInterval('A()',10); void(0);
</script>
</body>
</html>

这个有点复杂了

js不