jQuery 效果 fadeToggle() 方法

jQuery 效果方法

fadeToggle()方法可在fadeIn()fadeOut()方法之間切換。

如果選定的元素淡出,則fadeToggle()會(huì)將它們淡入。

如果選定的元素被淡入,則fadeToggle()會(huì)將它們淡出。

注意:隱藏的元素將不再影響頁面的布局。

語法:

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

示例

在所有<p>元素的淡入和淡出之間切換:

$("button").click(function(){
  $("p").fadeToggle();
});
測試看看?/?

使用duration參數(shù):

$("button").click(function(){
  $("p").fadeToggle(1500);
});
測試看看?/?

使用callback參數(shù):

$("button").click(function(){
  $("div").fadeToggle(1500, function(){
    alert("fadeToggle效果完成!!!");
  });
});
測試看看?/?

我們可以對任何元素實(shí)現(xiàn)淡入淡出效果,例如簡單的圖像:

$("button").click(function(){
  $("img").fadeToggle();
});
測試看看?/?

參數(shù)值

參數(shù)描述
duration(可選)確定衰落效果將持續(xù)多長時(shí)間。預(yù)設(shè)值為400毫秒

可能的值:

  • 毫秒(例如100、500、2000等)

  • “fast”

  • “slow”

easing(可選)一個(gè)字符串,指定在動(dòng)畫的不同點(diǎn)上元素的速度。默認(rèn)值為“ swing”

可能的值:

  • “swing”-在開始/結(jié)束時(shí)移動(dòng)較慢,而在中間移動(dòng)較快

  • “l(fā)inear”-以恒定速度移動(dòng)

callback(可選)一旦fadeToggle()方法完成,將調(diào)用此函數(shù),每個(gè)選定元素調(diào)用一次

jQuery 效果方法

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清