jQuery Efect - fadeIn() Metode

Contoh

Gunakan efek penampakan perlahan untuk menampilkan elemen <p> yang disembunyikan:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Coba Sendiri

Definisi dan Penggunaan

fadeIn() metode menggunakan efek penampakan perlahan untuk menampilkan elemen yang dipilih, jika elemen tersebut disembunyikan.

Sintaksis

$(selector).fadeIn(speed,callback)
Parameter Deskripsi
speed

Pilihan. Tentukan kecepatan elemen dari disembunyikan ke terlihat. Default adalah "normal".

Nilai yang mungkin:

  • Milisecond (seperti 1500)
  • "lembut"
  • "normal"
  • "cepat"

Dalam mengatur kecepatan, elemen akan berubah transparensi secara perlahan dalam proses dari disembunyikan ke terlihat (ini akan menciptakan efek penampakan perlahan).

callback

Pilihan. Fungsi yang akan dieksekusi setelah fungsi fadeIn selesai.

Untuk mengetahui lebih banyak tentang callback, kunjungi bab jQuery Callback kami.

Parameter ini tidak dapat diatur kecuali parameter speed telah disetel.

Petunjuk dan Keterangan

Petunjuk:Jika elemen sudah terlihat, efek ini tidak akan menghasilkan perubahan apapun, kecuali diatur callback fungsi.

Keterangan:Efect ini berlaku untuk elemen yang disembunyikan melalui jQuery, atau elemen yang dideklarasikan display:none di CSS (tidak berlaku untuk elemen visibility:hidden).

Contoh lebih banyak

Gunakan parameter speed
Gunakan parameter speed untuk mengatur kecepatan penampakan atau penyingkiran elemen.