Javascript ile uçan bir kuşa hareket verme

Anasayfa » Javascript (26 ders)

Javascript ile uçan bir kuşa hareket verme

Yazar: Osman Durmuş
Eklenme: 16.10.2007 Okunma: 1058 Puan: 3 Seviyesi: Orta

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.left);
	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.

Kaynak dosyayı indirmek için tıklayın

Currently 3.00/5

Değelendirmek için üye girişi yapmanız gerekmektedir

"Javascript ile uçan bir kuşa hareket verme" dersi için 2 yorum var

28.12.2007

tamtam diyor ki:

tsk.. bana javascrıptı gonderebılecek olan var mı ?

dark_designer_master@msn.com

eklersenız sevınırım

13.02.2008

arco diyor ki:

java script yollanıyomu :) bunu kpyalıcan, web sitesini hazırladığın proğramda (bu dreamwaver,frontpage vs. olabilir) "Code" (kod sayfası) bölümünde kodların arasına yapıştırcan
sanırım bunu kuş resmini seçtikten sonra code bölümünde seçili yerin içinde bi yere yapıştırcaksn

BU DERSE YORUM EKLEYİN

Üye olmadan yorum ekleyemezsiniz !

UYARI: SANALKURS'ta yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. SANALKURS'ta yer alan hiçbir makale, yazarından izinsiz başka bir yerde yayınlanamaz. SANALKURS kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu her türlü fikri eser, fotoğraf, resim vb. materyal ve ürünleri kullanamazlar. SANALKURS kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir. Söz konusu haksız kullanım nedeniyle SANALKURS .NET'in hiçbir hukuki sorumluluğu bulunmamakta olup, haksız kullanım nedeniyle SANALKURS.NET'in üçüncü kişilere ödemek zorunda kalabileceği her türlü tazminat ve/veya adli/idari para cezaları ilgili Sanalkurs kullanıcılarından rücu edilecektir.

İSTATİSTİKLER
	ÇEVRİMİÇİ 157 Ziyaretçi, 22 Üye (1 Gizli) NOGAYTURK, k_i_n_g351, veliveliveli, Necati Özden, hoshcocuK, sev_tap, by_enes, ByFatih, karakan35_2007, che_21, isunar27, fatih, selimyetiskin, GkhN, zeki namlı, the_manyak, okay_okay_63, by-matrax, Züzü, suletan, kemalgençer BUGÜN DOĞUM GÜNÜ OLAN ÜYELERİMİZ: aliucar (23), Mc_NefreT (21), Bugün: 1028, Dün: 4305, Bu Ay: 115241, Toplam Ziyaret: 1813520, Toplam Üye: 130808, Son Üye: the infern Toplam Ders: 1989, Toplam Yazar: 44, Toplam Dosya: 34, Toplam Link: 54

ana sayfa | künye | iletişim