Latest web development tutorials

Efek jQuery - fade

Dengan jQuery, Anda dapat menerapkan elemen fade out efek.

Klik Display Fade In / Out panel

Karena waktu sangat berharga, kami menawarkan cara yang cepat dan nyaman untuk belajar.

Dalam tutorial ini, Anda dapat mempelajari pengetahuan yang dibutuhkan.

contoh

jQuery fadeIn ()
Metode demo jQuery fadeIn ().

jQuery fadeOut ()
Metode demo jQuery fadeOut ().

jQuery fadeToggle ()
Metode demo jQuery fadeToggle ().

jQuery fadeTo ()
Metode demo jQuery fadeTo ().

jQuery Metode Memudar

Dengan jQuery, Anda dapat menerapkan elemen fade out efek.

jQuery memiliki empat fade metode berikut:

  • fadeIn ()
  • fadeOut ()
  • fadeToggle ()
  • fadeTo ()

jQuery fadeIn () metode

jQuery fadeIn () digunakan untuk memudar dalam elemen tersembunyi.

sintaks:

$(selector).fadeIn(speed,callback);

Opsional kecepatan parameter menentukan durasi efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik. .

Opsional callback parameter adalah nama dari fungsi dieksekusi setelah memudar selesai.

Contoh berikut menunjukkan, dengan parameter yang berbeda metode fadeIn ():

contoh

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

Coba »

jQuery fadeOut () metode

Metode jQuery fadeOut () digunakan untuk memudar elemen terlihat.

sintaks:

$(selector).fadeOut(speed,callback);

Opsional kecepatan parameter menentukan durasi efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama dari fungsi dieksekusi setelah memudar selesai.

Contoh berikut menunjukkan, dengan parameter yang berbeda metode fadeOut ():

contoh

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

Coba »

jQuery fadeToggle () metode

jQuery fadeToggle () metode dapat beralih antara fadeIn () dan fadeOut () metode.

Jika elemen telah pergi, fadeToggle () akan menambahkan efek fade ke elemen.

Jika elemen adalah memudar, yang fadeToggle () akan menambahkan efek fade-out untuk unsur-unsur.

sintaks:

$(selector).fadeToggle(speed,callback);

Opsional kecepatan parameter menentukan durasi efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama dari fungsi dieksekusi setelah memudar selesai.

Contoh berikut menunjukkan, dengan parameter yang berbeda metode fadeToggle ():

contoh

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

Coba »

jQuery fadeTo () metode

Metode jQuery fadeTo () memungkinkan untuk opacity gradien diberikan (nilai antara 0 dan 1).

sintaks:

$(selector).fadeTo(speed,opacity,callback);

parameter kecepatan yang dibutuhkan panjang waktu yang ditentukan efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

opacity parameter metode fadeTo () diperlukan akan memudar efek opacity diberikan (nilai antara 0 dan 1).

Opsional callback parameter adalah nama dari fungsi setelah selesainya fungsi yang dilakukan.

Contoh berikut menunjukkan fadeTo dengan parameter yang berbeda () metode:

contoh

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

Coba »