jQuery ile Dinamik Alanlar Oluşturma (Scroll Olmadan ve Yatay)
Bu yazımda jQuery ile sabit uzunlukta bir alan içinde sağa-sola hareket eden ve scroll içermeyen bir alan oluşturmayı anlatmaya çalışacağım. Birçok yerde kullanıldığını özellikle jQuery uygulamalarında kullanıldığını görebiliriz. Daha önce bu örneğin nasıl olacağı konusunda örnek isteyenler de olmuştu. Bunun için bu şekilde bir örnek hazırladım ve sizlerle paylaşıyorum. Böyle bir uygulamanın nasıl yapılacağını göstermek için basit bir örnek hazırladım. Ancak mantığını kavrayanlar her türlü şekile bu uygulamayı sokabilir ve istedikleri uygulamayı geliştirebilirler. Şimdi yapmamız gerekenlere sırayla bakalım.
Tamamını Okuyun »
Mehmet Duran
25 Eylül Cuma 2009
12
29042
4,1
jQuery ile 'Yukarı Çık' Uygulaması
Bu yazımda jQuery ile 'Yukarı Çık' uygulamasını yani sayfada scroll bir miktar aşağı kaymış ise sayfayı tekrardan en üste animasyonla nasıl getireceğimizi göstermeye çalışacağım. Kodlarını vereceğim örnekte sayfayı sadece en üste animasyonla taşırken, kodlarda yapacağımız ufak değişiklikler ile scroll'u herhangi bir kontrol mesafesine de taşıyabiliriz. Bunu kullanacaklara bırakalım. Bu uygulamayı kendi bloğuma da entegre ettim. Bloğumda belli bir alanı geçince sağ alt köşede uyarı beliriyor. Bu uyarıya tıklayınca da sayfa yukarı animasyonla taşınıyor. Şimdi uygulamaya ve jQuery kodlarına bakalım.
Tamamını Okuyun »
Mehmet Duran
06 Eylül Pazar 2009
12
34543
4,6
Jquery ile Kayan (Floating) Alan Yapımı
Bu yazımda jquery ile kayan (floating) alan yapımını anlatmaya çalışacağım. Birçok haber sitesi ve blog da gördüğüm bu uygulamayı jquery ile hazırladım ve sizlerle paylaşıyorum. Aslında css yardımı ile sayfanın bir yerinde sabit duran bir alanı yapabiliriz. Ancak css ile yaptığımız bu alan her zaman sabit olarak durmaktadır. Javascript yardımı ile yapacağımız uygulama da ise sayfanın scroll olması durumunda belli bir yerde olması gereken alanımız slayt şeklinde hareket ederek yerine geliyor. Böylece css ile yaptığımız uygulamaya göre daha görsel bir alan elde ediyoruz. Şimdi bu uygulamayı nasıl yapacağımıza bakalım.
Tamamını Okuyun »
Mehmet Duran
02 Ocak Cuma 2009
3
24709
4,3