tutorial pengembangan web terbaru
 

jQuery Effect fadeOut() Method

<Metode jQuery Efek

Contoh

Fade out semua <p> elemen:

$("button").click(function(){
    $("p").fadeOut();
});
Cobalah sendiri "

Definisi dan Penggunaan

The fadeOut() metode secara bertahap mengubah opacity, untuk elemen yang dipilih, dari terlihat tersembunyi (fading).

Catatan: elemen tersembunyi tidak akan ditampilkan sama sekali (tidak lagi mempengaruhi tata letak halaman).

Tip: Metode ini sering digunakan bersama-sama dengan fadeIn() metode.

Sintaksis

$(selector).fadeOut(speed,easing,callback)

Parameter Deskripsi
speed Pilihan. Menentukan kecepatan efek memudar. Nilai default adalah 400 milidetik

Kemungkinan nilai:

  • milidetik
  • "slow"
  • "fast"
easing Pilihan. Menentukan kecepatan elemen di titik yang berbeda dari animasi. Nilai default adalah "swing"

Kemungkinan nilai:

  • "swing" - bergerak lebih lambat di awal / akhir, tapi lebih cepat di tengah
  • "linear" - bergerak dalam kecepatan konstan
Tip: fungsi pelonggaran lainnya tersedia di plugin eksternal
callback Pilihan. Sebuah fungsi yang akan dieksekusi setelah fadeOut() metode selesai

Untuk mempelajari lebih lanjut tentang callback, kunjungi bab jQuery Callback


Coba Sendiri - Contoh

fadeOut() - Menggunakan parameter kecepatan
Cara menggunakan parameter kecepatan untuk menentukan kecepatan efek memudar.

fadeIn() - Menggunakan parameter callback
Cara menggunakan parameter callback ketika secara bertahap mengubah opacity untuk elemen yang dipilih.


<Metode jQuery Efek