jQuery .slideDown .slideUp() ve .slideToggle() metodları

jQuery'de Kaydırma Efektleri olarak kullanılan bu 3 metodun kullanımı oldukça basittir. Aşağıdaki söz dizimi 3 metod içinde geçerlidir.

  • .slideDown(): Seçilen nesneyi yukarıdan aşağıya doğru belirli bir hızda açılarak göstermeye yarar.

  • .slideUp() : Seçilen nesneyi aşağıdan yukarıya doğru belirli bir hızda kapanarak gizlemeye yarar.

  • .slideToggle(): Seçilen nesneyi durumuna göre gösterir veya gizler. Yani kapalıysa açmaya, açıksa kapatmaya yarar.

Syntax

$('seçici').slideDown(speed,easing,callback);
$('seçici').slideUp(speed,easing,callback);
$('seçici').slideToggle(speed,easing,callback);

Parametreler

  • speed : Opsiyonel bir parametredir. Kaydırma Efektinin hızını belirlememize yarar. Varsayılan değeri ise 400 milisaniyedir. (1 saniye = 1000 milisaniye)

    Alabileceği değerler : milisaniye, "fast", "slow"

  • easing : Opsiyonel bir parametredir. Kaydırma Efektinin farklı noktalarında efekt uygulanan nesnenin hızını belirlememize yarar. Varsayılan değeri "swing" tir.

    Alabileceği değerler :

    "swing" : Başta ve sonda yavaş, ortada ise hızlıdır.

    "linear" : Sürekli sabit bir hızda ilerler.

  • callback : Opsiyonel bir parametredir. Kaydırma Efekti tamamlanınca bir fonksiyon icra etmeye yarar.

Demo

ETİKETLER
slideDownslideUpslideTogglejquery
Öncekİ Yazı

jQuery .keydown() .keyup() ve .keypress() metodları

Sonrakİ Yazı

jQuery .fadeIn() .fadeOut() .fadeTo() .fadeToggle() metodları

İlgili Yazılar