最新的Web开发教程
 

jQuery fadeToggle() Method

<jQuery的影响的方法

淡入和淡出不同的盒子之间进行切换:

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

定义和用法

fadeToggle()方法之间切换fadeIn()fadeOut()方法。

如果这些元素淡出, fadeToggle()将淡出他们。

如果这些元素都在消退, fadeToggle()将淡出出来。

注 :隐藏元素将不会在所有显示(不再影响页面的布局)。


句法

$(选择).fadeToggle(速度,缓解,回调

参数 描述
speed 可选的。 指定的衰落效应的速度。 默认值是400毫秒

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选的。 指定的效果的不同点在元件的速度。 默认值是"swing"

可能的值:

  • "swing" -移动在开始/结束慢,但在中间速度
  • "linear" -在一个恒定的速度移动
提示:更多的宽松政策功能在外部插件可用
callback 可选的。 在之后所要执行的函数fadeToggle()方法完成

要了解更多有关回调,请阅读我们的jQuery回调

试一试 - 示例

fadeToggle() -使用速度参数
如何使用速度参数指定的褪色效果的速度。

fadeToggle() -使用callback参数
如何使用回调参数之后执行一个功能fadeToggle()方法完成。


<jQuery的影响的方法