首頁  >  效果  > slideDown([s],[e],[fn])

返回值:jQueryslideDown([speed],[easing],[fn])

jQuery slideDown() 方法概述

通過高度變化(向下增大)來動態(tài)地顯示所有匹配的元素,在顯示完成后可選地觸發(fā)一個回調(diào)函數(shù)。

這個動畫效果只調(diào)整元素的高度,可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中,上下的padding和margin也會有動畫,效果更流暢。

參數(shù)

speed[,fn]Number/String,FunctionV1.0

speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數(shù)值(如:1000)

fn:在動畫完成時執(zhí)行的函數(shù),每個元素執(zhí)行一次。

[speed],[easing],[fn]Number/String,String,FunctionV1.4.3

speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數(shù)值(如:1000)

easing:(Optional) 用來指定切換效果,默認(rèn)是"swing",可用參數(shù)"linear"

fn在動畫完成時執(zhí)行的函數(shù),每個元素執(zhí)行一次。

示例

描述:

以滑動方式顯示隱藏的 <p> 元素:

jQuery 代碼:
$(".btn2").click(function(){
  $("p").slideDown();
});

描述:

用600毫秒緩慢的將段落滑下

jQuery 代碼:
$("p").slideDown("slow");

描述:

用200毫秒快速將段落滑下,之后彈出一個對話框

jQuery 代碼:
$("p").slideDown("fast",function(){
   alert("Animation Done.");
 });