Efek jQuery - Memudar
Dengan jQuery Anda dapat memudarkan elemen masuk dan keluar dari visibilitas.
Klik untuk memudar masuk/keluar panel
Karena waktu sangat berharga, kami memberikan pembelajaran yang cepat dan mudah.
Di W3Schools, Anda dapat mempelajari semua yang perlu Anda pelajari, dalam format yang mudah diakses dan praktis.
Contoh
Mendemonstrasikan metode jQuery fadeIn().
Mendemonstrasikan metode jQuery fadeOut().
Mendemonstrasikan metode jQuery fadeToggle().
Mendemonstrasikan metode jQuery fadeTo().
Metode Memudar jQuery
Dengan jQuery Anda dapat memudarkan elemen masuk dan keluar dari visibilitas.
jQuery memiliki metode fade berikut:
fadeIn()fadeOut()fadeToggle()fadeTo()
jQuery fadeIn () Metode
Metode jQuery fadeIn()digunakan untuk memudar dalam elemen tersembunyi.
Sintaksis:
$(selector).fadeIn(speed,callback);
Parameter kecepatan opsional menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut: "lambat", "cepat", atau milidetik.
Parameter callback opsional adalah fungsi yang akan dieksekusi setelah fading selesai.
Contoh berikut menunjukkan fadeIn()metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
jQuery fadeOut() Metode
Metode jQuery fadeOut()digunakan untuk memudarkan elemen yang terlihat.
Sintaksis:
$(selector).fadeOut(speed,callback);
Parameter kecepatan opsional menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut: "lambat", "cepat", atau milidetik.
Parameter callback opsional adalah fungsi yang akan dieksekusi setelah fading selesai.
Contoh berikut menunjukkan fadeOut()metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
jQuery fadeToggle () Metode
Metode jQuery fadeToggle()beralih antara metode fadeIn()dan fadeOut()
.
Jika elemen memudar, fadeToggle()akan memudar.
Jika elemen memudar, fadeToggle()akan memudar.
Sintaksis:
$(selector).fadeToggle(speed,callback);
Parameter kecepatan opsional menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut: "lambat", "cepat", atau milidetik.
Parameter callback opsional adalah fungsi yang akan dieksekusi setelah fading selesai.
Contoh berikut menunjukkan fadeToggle()metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
jQuery fadeTo () Metode
Metode jQuery fadeTo()memungkinkan memudar ke opacity yang diberikan (nilai antara 0 dan 1).
Sintaksis:
$(selector).fadeTo(speed,opacity,callback);
Parameter kecepatan yang diperlukan menentukan durasi efek. Itu dapat mengambil nilai-nilai berikut: "lambat", "cepat", atau milidetik.
Parameter opacity yang diperlukan dalam fadeTo()metode menentukan fading ke opacity tertentu (nilai antara 0 dan 1).
Parameter callback opsional adalah fungsi yang akan dieksekusi setelah fungsi selesai.
Contoh berikut menunjukkan fadeTo()metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
Latihan jQuery
Referensi Efek jQuery
Untuk gambaran lengkap semua efek jQuery, silakan kunjungi Referensi Efek jQuery kami .