Javascript ile uçan bir kuşa hareket verme

**KaRaqiZz** · 18-04-11, 16:08

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. Kolay gelsin. [Link Görmek ve Forumumuzdan Yararlanmak İçin Üye Olmasınız. ]

18-04-11, 16:08	#1
KaRaqiZz Üyelik tarihi: Feb 2011 Yaş: 23 Mesajlar: 11.519 Konular: 10981 Aldığı Teşekkür : 18 NF Puanı : 32293 NF Seviyesi :	Javascript ile uçan bir kuşa hareket verme 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. Kolay gelsin. [Link Görmek ve Forumumuzdan Yararlanmak İçin Üye Olmasınız. ] ________________

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
10 Uçan balon	SeLin	Aşk & Sevgi	0	25-02-11 18:08
Bu Kuşa Dikkat edin!!!	NFM	İlginç & Garip & Korku Dolu Olaylar	0	19-12-08 14:05
Evsiz Kuşa Ev Yapan Osmanlı Mimarisi	Handsome	Resim Galerisi	0	01-12-08 22:50
Stagecast Creator karakterlere hareket verme programı	LideR	Genel Program Arşivi	0	03-09-08 00:41
Stagecast Creator karakterlere hareket verme programı	LideR	Genel Program Arşivi	0	12-12-07 16:01

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Input each user name separated by a comma, like so: User1,User2,User3.