12-03-2005, 20:31
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;height:2px;background:#'+dots[i]+';font-size:2px"></span>');
}
function fly(){
h=(n4||n6)?window.innerHeight:document.body.offsetHeight;
w=(n4||n6)?window.innerWidth:document.body.offsetWidth;
sy=(n4||n6)?window.pageYOffset:document.body.scrollTop;
sx=(n4||n6)?window.pageXOffset:document.body.scrollLeft;
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ı.
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;height:2px;background:#'+dots[i]+';font-size:2px"></span>');
}
function fly(){
h=(n4||n6)?window.innerHeight:document.body.offsetHeight;
w=(n4||n6)?window.innerWidth:document.body.offsetWidth;
sy=(n4||n6)?window.pageYOffset:document.body.scrollTop;
sx=(n4||n6)?window.pageXOffset:document.body.scrollLeft;
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ı.