返回值:jQuery show([speed,[easing],[fn]])
概述
顯示隱藏的匹配元素。
這個就是 'show( speed, [callback] )' 無動畫的版本。如果選擇的元素是可見的,這個方法將不會改變任何東西。無論這個元素是通過hide()方法隱藏的還是在CSS里設定了display:none;,這個方法都將有效。
參數
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: 在動畫完成時執行的函式,每個元素執行一次。
示例
描述:
顯示所有段落
HTML 程式碼:
<p style="display: none">Hello</p>
jQuery 程式碼:
$("p").show()
描述:
用緩慢的動畫將隱藏的段落顯示出來,歷時600毫秒。
HTML 程式碼:
<p style="display: none">Hello</p>
jQuery 程式碼:
$("p").show("slow");
描述:
用迅速的動畫將隱藏的段落顯示出來,歷時200毫秒。並在之後執行反饋!
HTML 程式碼:
<p style="display: none">Hello</p>
jQuery 程式碼:
$("p").show("fast",function(){
$(this).text("Animation Done!");
});
描述:
將隱藏的段落用將近4秒的時間顯示出來。。。並在之後執行一個反饋。。。
HTML 程式碼:
<p style="display: none">Hello</p>
jQuery 程式碼:
$("p").show(4000,function(){
$(this).text("Animation Done...");
});