jQuery 效果 fadeIn() 方法

jQuery 效果方法

fadeIn()方法逐漸將選定元素的不透明度，從隱藏更改為可見(jiàn)。

該方法通常與fadeOut()方法一起使用。

注意：隱藏的元素將不再影響頁(yè)面的布局。

它與fadeTo()方法類似，但是該方法不會(huì)取消隱藏元素，并且可以指定最終的不透明度級(jí)別。

語(yǔ)法：

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

實(shí)例

淡入<div>元素：

$("button").click(function(){
  $("div").fadeIn();
});

淡入所有<p>元素：

$("button").click(function(){
  $("p").fadeIn();
});

使用duration參數(shù)：

$("button").click(function(){
  $("p").fadeIn(1500);
});

使用callback參數(shù)：

$("button").click(function(){
  $("div").fadeIn(600, function(){
$("h3").text("淡入完成。");
  });
});

我們可以對(duì)任何元素實(shí)現(xiàn)淡入淡出效果，例如簡(jiǎn)單的圖像：

$("button").click(function(){
  $("img").fadeIn();
});

參數(shù)值

jQuery 效果方法