Latest web development tutorials

jQuery fadeToggle () metode

Metode Efek jQuery Metode Efek jQuery

contoh

Memudar dalam dan keluar dari kotak yang berbeda switching:

$("button").click(function(){
$("#div1").fadeToggle();
});

Coba »

Definisi dan Penggunaan

fadeToggle () metode dalam fadeIn () dan fadeOut () antara metode switching.

Jika elemen ditampilkan memudar, fadeToggle () akan menampilkan mereka menggunakan fade-in efek.

Jika elemen ditampilkan memudar, fadeToggle () akan menampilkan mereka menggunakan efek fade-out.

Catatan: elemen tersembunyi tidak sepenuhnya ditampilkan (tidak lagi mempengaruhi tata letak halaman).


tatabahasa

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

参数 描述
speed 可选。规定褪色效果的速度。

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值:

  • "swing" - 在开头/结尾移动慢,在中间移动快
  • "linear" - 匀速移动
提示:扩展插件中提供更多可用的 easing 函数。
callback 可选。fadeToggle() 方法执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。


contoh

contoh yang lebih

fadeToggle () - menggunakan parameter kecepatan
Cara menggunakan parameter kecepatan untuk efek kecepatan fade yang telah ditentukan.

fadeToggle () - penggunaan parameter callback
Cara menggunakan parameter fungsi callback dieksekusi setelah metode fadeToggle () untuk menyelesaikan.


Metode Efek jQuery Metode Efek jQuery