Arka Plan Animasyonu-3

Arka planda dönüp dolaşan bir daire.

<BODY>..</BODY> arasına eklenecek kod :


<script language="JavaScript">

<!-- Multi-Fx1 Script by kurt.grigg@virgin.net



dots=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500' ,'ffffff','fff000');

n=dots.length;

e=360/n;

n4=(document.layers);

n6=(document.getElementById&&!document.all);

ie=(document.all);

d=(n4||ie)?'document.':'document.getElementById("' ;

a=(n4||n6)?'':'all.';

r=(n6)?'")':'';

s=(n4)?'':'.style';

y=0;

x=0;

c1=0.1;

cs1=0;

c2=0.1;

cs2=0;

b=70;

if (n4){

for (i=0; i < n; i++)

document.write('<layer name="stars'+i+'" bgcolor='+dots[i]+' clip="0,0,2,2"></layer>');

}

else{

for (i=0; i < n; i++)

document.write('<span id="stars'+i+'" style="position:absolute;top:0;left:0;width:2px;he ight:2px;background:#'+dots[i]+';font-size:2px"></span>');

}



function fly(){

h=(n4||n6)?window.innerHeight:document.body.offset Height;

w=(n4||n6)?window.innerWidth:document.body.offsetW idth;

sy=(n4||n6)?window.pageYOffset:document.body.scrol lTop;

sx=(n4||n6)?window.pageXOffset:document.body.scrol lLeft;

v=(n4||n6)?3:3;

y=sy+h/2+h/v*Math.cos((cs2)/3)*Math.cos(cs2/50);

x=sx+w/2+w/2.4*Math.sin((cs2)/5)*Math.cos(cs2/30);

cs2+=c2;

}



function TwistnSpin(){

for (i=0; i < n; i++){

var divs=eval(d+a+"stars"+i+r+s);

divs.top=y+b*Math.cos(cs1+i*e*Math.PI/180)*Math.cos(cs1/1.5);

divs.left=x+b*Math.sin(cs1+i*e*Math.PI/180);

}

cs1+=c1;

fly();

setTimeout("TwistnSpin()",10);

}



function In(){

b-=0.5;

t1=setTimeout('In()',10);

if (b < 20){clearTimeout(t1);out()}

}



function out(){

b+=0.5;

t2=setTimeout('out()',10);

if (b > 70){clearTimeout(t2);In()}

}

function Go(){TwistnSpin();In()}

Go();

// -->

</script>




NOT : Scripti kullanacağınız sayfanın arka plan rengi koyu olmalı.