用Javascript编写一个动画

<HTML>

<HEAD>

<TITLE>simple solar system</TITLE>

function Sun()

{

this.init=function()

{

document.all.Sun.style.top=222.5;

document.all.Sun.style.left=362.5;

}

function Earth()

{

this.x=0;

this.y=0;

this.setXY=function(x,y){this.x=x-25;this.y=y-25;}

this.Move=function()

{

document.all.Earth.style.top=this.y;

document.all.Earth.style.left=this.x;

}

function Moon()

{

this.x=0;

this.y=0;

this.setXY=function(x,y){this.x=x-10;this.y=y-10;}

this.Move=function()

{

document.all.Moon.style.top=this.y;

document.all.Moon.style.left=this.x;

}

function Comet()

{

this.x=0;

this.y=0;

this.setXY=function(x,y){this.x=x-15;this.y=y-15;}

this.Move=function()

{

document.all.Comet.style.top=this.y;

document.all.Comet.style.left=this.x;

}

var t=0;

var x0=400;

var y0=260;

var r1=180;

var r2=50;

var sun=new Sun();

var earth=new Earth();

var moon=new Moon();

var comet=new Comet();

var cos001=new Array(72);

var sin001=new Array(72);

var cos01=new Array(72);

var sin01=new Array(72);

for(var i=0;i<72;i++)

{

cos001[i]=parseInt(x0+r1*Math.cos(0.0174*i*5));

sin001[i]=parseInt(y0+r1*Math.sin(0.0174*i*5));

cos01[i]=parseInt(cos001[i]+r2*Math.cos(0.174*i*5));

sin01[i]=parseInt(sin001[i]+r2*Math.sin(0.174*i*5));

}

function Moving()

{

var j=(t%360)/5;

var x=cos001[j];

var y=sin001[j];

var xx=cos01[j];

var yy=sin01[j];

var y2=(y+y0)/2;

var x2=2*x-x0+220;

earth.setXY(x,y);

moon.setXY(xx,yy);

comet.setXY(x2,y2);

earth.Move();

moon.Move();

comet.Move();

t=(t+5)%360;

window.setTimeout("Moving()",100);

}

sun.init();

Moving();

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

posted on 2005-04-11 16:49 搏客 Winning 阅读(576) 评论(0) 编辑收藏所属分类: 玩具代码

与我联系

搜索

常用链接

随笔分类

随笔档案

积分与排名

最新评论

阅读排行榜