jQuery Dersleri
jQuery Nedir?
jQuery Nedir?
jQuery Kurulumu
jQuery Kod Yapısı
jQuery ready Fonksiyonu
jQuery Nesne Seçimi
jQuery Fonksiyonlar

jQuery Efektleri
jQuery Gizle ve Göster
jQuery Kaydırma
jQuery Animasyonlar
jQuery callback
jQuery Toplu İşlemler

jQuery HTML
jQuery Bilgi Almak
jQuery Bilgi Değiştirme
jQuery Bilgi Ekleme
jQuery Veri Silme
jQuery'de CSS İşlemleri

jQuery Nesneler
jQuery Nesne Boyutları
jQuery Nesne Bulma/Seçme

jQuery AJAX
jQuery AJAX

Bağlantılar
HTML Dersleri
JavaScript Dersleri
CSS Dersleri
ASP Dersleri
PHP Dersleri
MySQL Komutları
jQuery Dersleri
Venus Programlama

Ana Sayfa Bize Ulaşın

jQuery Kaydırma



slideDown() Fonksiyonu

Görünmeyen gizlenmiş bir nesneyi, görünür hale getirir. Bunu yaparken aşağıya doğru açılmasını sağlar. Parantez içinde ne kadar sürede açılacağı yazılabilir.

ÖRNEK

JavaScript Kodu
<div id="d1" class="kutu">Buraya Tıkla</div>
<div id="d2" class="kutu2" style="display: none;">Açılır Bir Kutu</div>
<script>
$("#d1").click(function(){
   $("#d2").slideDown(1000);
});
</script><br /><br /><br />

Buraya Tıkla



slideUp() Fonksiyonu

Nesneyi yukarı doğru taşıyarak yavaşça kaybolmasını sağlar.

ÖRNEK

JavaScript Kodu
<div id="d1" class="kutu">Buraya Tıkla</div>
<div id="d2" class="kutu2">Kapatılacak Bir Kutu</div>
<script>
$("#d1").click(function(){
   $("#d2").slideUp(1000);
});
</script><br /><br /><br />

Buraya Tıkla
Kapatılacak Bir Kutu



slideToggle() Fonksiyonu

Hem slideDown hem slideUp bir aradadır. Yani tıklandığında açıksa kapanır, kapalıysa açılır.

ÖRNEK

JavaScript Kodu
<div id="d1" class="kutu">Buraya Tıkla</div>
<div id="d2" class="kutu2">Kapatılacak Bir Kutu</div>
<script>
$("#d1").click(function(){
   $("#d2").slideUp(1000);
});
</script><br /><br /><br />

Yazıyı Göster / Gizle
Merhaba Dünya!



Tüm hakları saklıdır. Lütfen kaynak belirtmeden sitenizde yayınlamayın. Web Sitesi © 2014