Javascript ile uçan bir kuşa hareket verme

~~B737~~ · #1 26-01-2008, 04:28

Javascript'le kaydırma yöntemi, yani body'nin left ve right eksenlerinin değerlerini alarak bu eksenler arasında istediğimiz her şeyi hareket ettirebiliriz(buton,resim,yazı).. Bu scriptte animated gif kullandım. Yani kuş kendinden hareketli, ben sadece sağa sola gitmesini sağladım umarım olmuştur. Anlatım biçimime bakmayın, kodları okuyunca ne demek istediğimi anlarsınız.

<html>
<head>
<script>
var kontrol=0;
function f(){
var a=parseInt(document.getElementById('kus').style.le ft);
if(kontrol==0){
a=a+10
}
else if(kontrol==1){
a=a-10
}

document.getElementById('kus').style.left=a;

if(a>600){
kontrol=1;
}
else if(a<80){
kontrol=0;
}
setTimeout("f()",100);
}
</script>
</head>
<body onload="f()">

<div id="kus" style="position:absolute;left:80;top:150;"><img src="dove.gif"></div>

</body>
</html>

Çalışmada yer alan uçan kuş hareketli gif resmini aşağıdaki link sağ tıklayıp farklı kaydet yöntemi ile kaydedebilirsiniz.

Benzer Konular
Konu	Konu Açanlar	Forum	Cevaplar	Güncel Mesajlar
Uçan Yazılar	B737	Javascript	0	26-01-2008 04:32
Mouse tıklama ile hareket	B737	Dhtml	0	24-01-2008 01:38
dHtml - Elemanı hareket ettirme	B737	Dhtml	0	24-01-2008 01:38
UÇan Yazi	Celebrian	Visual Basic & Action script	0	24-12-2007 12:24
Denİz Baykal : AlÇaktan UÇan GÜvercİn	Ra_eM	Haberler	0	13-11-2007 05:04

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder