tutorial pengembangan web terbaru
 

jQuery fadeIn() Method

<Metode jQuery Efek

Contoh

Memudar dalam semua <p> elemen:

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

Definisi dan Penggunaan

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

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

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

Sintaksis

$(selector).fadeIn(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" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: fungsi pelonggaran lainnya tersedia di plugin eksternal
callback Pilihan. Sebuah fungsi yang akan dieksekusi setelah fadeIn() metode selesai

Untuk mempelajari lebih lanjut tentang callback, kunjungi bab jQuery Callback


Coba Sendiri - Contoh

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

fadeIn() - Menggunakan parameter callback
Cara menggunakan parameter callback ketika memudar dalam dan keluar elemen.


<Metode jQuery Efek