返回值:jQuery slideDown([speed],[easing],[fn])
概述
通過高度變化(向下增大)來動態地顯示所有匹配的元素,在顯示完成後可選地觸發一個回撥函式。
這個動畫效果只調整元素的高度,可以使匹配的元素以「滑動」的方式顯示出來。在jQuery 1.3中,上下的padding和margin也會有動畫,效果更流暢。
參數
speed[,fn] Number/String,Function V1.0
speed :三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)
fn :在動畫完成時執行的函式,每個元素執行一次。
[speed],[easing],[fn] Number/String,String,Function V1.4.3
speed :三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)
easing :(Optional) 用來指定切換效果,預設是"swing",可用參數"linear"
fn 在動畫完成時執行的函式,每個元素執行一次。
示例
描述:
以滑動方式顯示隱藏的 <p> 元素:
jQuery 程式碼:
$(".btn2").click(function(){
$("p").slideDown();
});
描述:
用600毫秒緩慢的將段落滑下
jQuery 程式碼:
$("p").slideDown("slow");
描述:
用200毫秒快速將段落滑下,之後彈出一個對話方塊
jQuery 程式碼:
$("p").slideDown("fast",function(){
alert("Animation Done.");
});