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

返回值: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...");
 });