Dengan jQuery Anda dapat memudar elemen dalam dan keluar dari visibilitas.
Klik memudar keluar / panel
Karena waktu adalah berharga, kami memberikan pembelajaran cepat dan mudah.
Pada w3ii , Anda dapat mempelajari semua yang Anda butuhkan untuk belajar, dalam format diakses dan berguna.
contoh
jQuery fadeIn()
Menunjukkan jQuery fadeIn() metode.
jQuery fadeOut()
Menunjukkan jQuery fadeOut() metode.
jQuery fadeToggle()
Menunjukkan jQuery fadeToggle() metode.
jQuery fadeTo()
Menunjukkan jQuery fadeTo() metode.
Metode Memudar jQuery
Dengan jQuery Anda dapat memudar unsur dalam dan keluar dari visibilitas.
jQuery memiliki metode fade berikut:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() Metode
JQuery fadeIn() metode yang digunakan untuk memudar dalam elemen tersembunyi.
Sintaksis:
$(selector).fadeIn(speed,callback);Opsional kecepatan parameter menentukan durasi efek. Hal ini dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.
Opsional callback parameter adalah fungsi yang akan dieksekusi setelah memudar selesai.
Contoh berikut menunjukkan fadeIn() metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Cobalah sendiri " jQuery fadeOut() Metode
JQuery fadeOut() metode yang digunakan untuk fade out elemen terlihat.
Sintaksis:
$(selector).fadeOut(speed,callback);Opsional kecepatan parameter menentukan durasi efek. Hal ini dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.
Opsional callback parameter adalah fungsi yang akan dieksekusi setelah memudar selesai.
Contoh berikut menunjukkan fadeOut() metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Cobalah sendiri " jQuery fadeToggle() Metode
JQuery fadeToggle() metode matikan antara fadeIn() dan fadeOut() metode.
Jika unsur-unsur yang memudar keluar, fadeToggle() akan memudar dalam.
Jika unsur-unsur yang memudar dalam, fadeToggle() akan memudar mereka.
Sintaksis:
$(selector).fadeToggle(speed,callback);Opsional kecepatan parameter menentukan durasi efek. Hal ini dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.
Opsional callback parameter adalah fungsi yang akan dieksekusi setelah memudar selesai.
Contoh berikut menunjukkan fadeToggle() metode dengan parameter yang berbeda:
Contoh
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Cobalah sendiri " jQuery fadeTo() Metode
JQuery fadeTo() metode memungkinkan memudar ke opacity diberikan (nilai antara 0 dan 1).
Sintaksis:
$(selector).fadeTo(speed,opacity,callback);parameter kecepatan yang diperlukan menentukan durasi efek. Hal ini dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.
Parameter opacity yang diperlukan dalam fadeTo() metode menspesifikasikan memudar ke opacity diberikan (nilai antara 0 dan 1).
Opsional callback parameter 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);
}); Cobalah sendiri " Uji Diri dengan Latihan!
Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 »
jQuery Efek Referensi
Untuk gambaran lengkap dari semua efek jQuery, silahkan ke kami jQuery Efek Referensi .