Latest web development tutorials

jQueryのfadeToggle()メソッド

jQueryの効果方法 jQueryの効果方法

スイッチングの異なる箱のフェードインとフェードアウト:

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

»をお試しください

定義と使用法

中fadeToggle()メソッドフェードイン()フェードアウト()メソッドを切り替え間。

要素がフェードを表示された場合、fadeToggle()は、フェードイン効果を使用してそれらを表示します。

要素がフェードを表示された場合、fadeToggle()はフェードアウト効果を使用してそれらを表示します。

注:隠し要素が完全に表示されていない(もはやページのレイアウトに影響を与えません)。


文法

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

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

可能的值:

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

可能的值:

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

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


例

より多くの例

fadeToggle() -速度パラメータを使用します
所定の速度フェード効果に速度パラメータを使用する方法。

fadeToggle() -コールバックパラメータを使用
完了するためにfadeToggle()メソッドの後に実行されるコールバック関数のパラメータを使用する方法。


jQueryの効果方法 jQueryの効果方法