jQuery Effek - fadeIn() Metode

Contoh

Gunakan efek menghaluskan untuk menampilkan elemen <p> yang disembunyi:

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

Coba sendiri

Definisi dan penggunaan

fadeIn() metode digunakan untuk menampilkan elemen yang dipilih dengan efek menghaluskan, jika elemen itu disembunyi.

Syarat

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

Pilihan. Tentukan kecepatan elemen dari tersembunyi ke terlihat. Nilai default adalah "normal".

Nilai yang mungkin:

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

Dalam mengatur kecepatan, elemen akan berubah transparensi secara perlahan dari tersembunyi ke terlihat (ini akan menciptakan efek menghaluskan).

callback

Pilihan. Fungsi yang akan dieksekusi setelah fadeIn fungsi selesai.

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

Tidak dapat mengatur parameter ini kecuali parameter speed telah disetel.

Petikan dan Keterangan

Petikan:Jika elemen sudah terlihat, efek ini tidak menghasilkan apa pun kecuali diatur fungsi callback.

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

Contoh lebih banyak

Gunakan parameter speed
Gunakan parameter speed untuk menghaluskan atau menghaluskan elemen.