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