izmir escort escort izmir porno porno izle
JavaScript - Kayan logo çalışması - IRCForumları - IRC ve mIRC Yardım ve Destek Platformu
User Tag List

Standart JavaScript - Kayan logo çalışması #1
Üyelik Tarihi: 16 Haziran 2011
Mesajlar: 803
Aldığı Beğeni: 0
Beğendikleri: 0
20 Ağustos 2011 , 10:09
Alıntı ile Cevapla
Html öğrenmek için uğraşıldığında javascript nesnelerinin ve bu nesnelerin özelliklerinin kullanılmasının öğrenilmesi önemlidir. Bu nedenle değişik alıştırmalar yaparak nesneler üzerinde çalışılması gerekmektedir. Bu yazımızda window nesnesi nin iki özelliğini öğreneceğiz ve bu iki özellikten birtanesini kullanarak kayan logo scriptini birlikte hazırlayacağız. dHtml çalışması olduğundan bu işlemi yaparken browserler arasındaki farkları da göreceğiz.

Script ne yapacak?
Hazırlayacağımız script sayfa üzerine yerleştirilen bir logoyu sayfa kaydırma çubukları kullanılarak hareket ettirildiğin de sayfa üzerinde hep aynı konumda kalmasını sağlayacak ve böylece logo devamlı olarak sayfa içerisinde görüntülenecek. Aslında bir çok uygulamada kullanabileceğiniz bu scripti ayrıca ekranda devamlı olarak görüntülenmesini istediğiniz bir menü için de kullanabilirsiniz.

Nasıl çalışıyor?
Sayfa içerisinde bir katman tanımlayarak bu katman içerisine logomuzu yerleştiriyoruz. Sonrada sayfanın en üst noktasını devamlı olarak denetliyoruz. Eğer sayfa kaydırılırsa sayfanın en üst noktasının değeri değiştiriliyor ve bizde orantılı olarak hazırladığımız katmanın konumunu değiştiriyoruz. Bu şekilde katman sayfa aşağı kaydırıldığında katmanda aşağıya doğru kaydırılıyor, eğer sayfa yukarıya doğru kaydırılırsa katmanda yukarıya doğru kaydırılıyor.

Sayfanın en üst noktasını bulmak için ise window nesnesinin özelliklerinde yararlanıyoruz. Window nesnesi kullanılarak sayfanın en üst noktasının değerini ve en sol noktasının değerini bulabiliriz.

Window nesnesinin bazı özellikleri
Window nesnesinin bir çok özelliğinden ikisi bize sayfanın görünen en üst noktasını bildiren pageYOffset ( İnternet Explorer için ise body.scrollTop ), ve sayfanın görünen en sol noktasını bildiren pageXOffset ( IE için body.scrollLeft ) özellikleridir. Bu özellikler sayfanın görünen noktaları üzerinde çalışır. Aslında sayfanın başlangıç değerleri 0, 0 dır. Fakat ekranda görünen ilk noktalar sayfa kaydırıldığında değişir. Bu özeklikleri nasıl kullandığımızı görelim. İlk olarak Netscape için :

Kod:
en_ust_nokta = window.pageYOffset;
en_sol_nokta = window.pageXOffset;
Bu ifadeler ile sayfanın görünen en sol ve en üst noktalarının değerini elde ediyoruz. Aynı işlemi IE için ise :

Kod:
en_ust_nokta = document.body.scrollTop;
en_sol_nokta = document.body.scrollLeft;
Hazır..
__________________


To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

RüzGaR '
Tüm Hakları Saklıdır!!!


« Önceki Konu Sonraki Konu »

Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Benzer Konular
Konu
Konuyu Başlatan
Forum
Cevaplar
Son Mesaj
Külkedisi
Yazılar ve Mesajlar
5
04 Kasım 2012 14:12
Z3yn3P
Askerlik Şubeleri
0
16 Ocak 2012 18:18
aXi
Serbest Kürsü
0
03 Ekim 2011 20:23
TıLsıM
Reklam Videoları
0
20 Eylül 2011 16:36
milis
Türkçe Şarkı Sözleri
0
04 Nisan 2011 18:19