返回值:jQueryshow(speed, [easing], [callback])
概述
以優(yōu)雅的動畫顯示所有匹配的元素,并在顯示完成后可選地觸發(fā)一個回調(diào)函數(shù)。
可以根據(jù)指定的速度動態(tài)地改變每個匹配元素的高度、寬度和不透明度。在jQuery 1.3中,padding和margin也會有動畫,效果更流暢。
參數(shù)
speedString,Number
三種預定速度之一的字符串("slow", "normal", or "fast")或表示動畫時長的毫秒數(shù)值(如:1000)
easing (可選)string?V1.4.3新增
(Optional) 用來指定切換效果,默認是"swing",可用參數(shù)"linear"
callback (可選)Function
在動畫完成時執(zhí)行的函數(shù),每個元素執(zhí)行一次。
示例
描述:
用緩慢的動畫將隱藏的段落顯示出來,歷時600毫秒。
HTML 代碼:
<p style="display: none">Hello</p>
jQuery 代碼:
$("p").show("slow");
描述:
用迅速的動畫將隱藏的段落顯示出來,歷時200毫秒。并在之后執(zhí)行反饋!
HTML 代碼:
<p style="display: none">Hello</p>
jQuery 代碼:
$("p").show("fast",function(){
$(this).text("Animation Done!");
});
描述:
將隱藏的段落用將近4秒的時間顯示出來。。。并在之后執(zhí)行一個反饋。。。
HTML 代碼:
<p style="display: none">Hello</p>
jQuery 代碼:
$("p").show(4000,function(){
$(this).text("Animation Done...");
});