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

jQuery'de Sönme Efektleri olarak kullanılan bu 4 metodun kullanımı oldukça basittir. Aşağıdaki söz dizimlerini inceleyiniz.

  • .fadeIn() : Seçilen nesneyi opacity(şeffaflık) değerini belirli bir hızda artırarak göstermeye yarar.

  • .fadeOut() : Seçilen nesneyi opacity(şeffaflık) değerini belirli bir hızda azaltarak gizlemeye yarar.

  • .fadeToggle(): Seçilen nesneyi durumuna göre gösterir veya gizler. Yani gizliyse göstermeye, açıksa gizlemeye yarar.

  • .fadeTo() : Seçilen nesnenin belirtilen opacity değerine belirli hızda ulaşmasını sağlar.

Syntax

$('seçici').fadeIn(speed,callback);
$('seçici').fadeOut(speed,callback);
$('seçici').fadeToggle(speed,callback);
$('seçici').fadeTo(speed,opacity,callback);

Parametreler

  • speed : Opsiyonel bir parametredir. Sönme Efektinin hızını belirlememize yarar. (1 saniye = 1000 milisaniye)

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

  • opacity : Opsiyonel bir parametredir. Sadece .fadaTo() metodunda kullanılır. 0 ve 1 arasında bir değer alır.

  • callback : Opsiyonel bir parametredir. Sönme Efekti tamamlanınca bir fonksiyon icra etmeye yarar.

Demo

ETİKETLER
fadeInfadeOutfadeTogglefadeTojqueryjquery fadeIn metodujquery fadeOut metodujquery fadeToggle metodujquery fadeTo metodu
Öncekİ Yazı

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

Sonrakİ Yazı

jQuery de .show() .hide() ve .toggle() metotlarının kullanımı

İlgili Yazılar