jQuery 之隱藏顯示與淡入淡出效果三

jquery 效果- 隱藏和顯示

通過 jquery，可以使用 hide() 和 show() 方法來隱藏和顯示 html 元素：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可選的 speed 引數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。例項

$("button").click(function());

jquery toggle()

通過 jquery，您可以使用 toggle() 方法來切換 hide() 和 show() 方法。

$(selector).toggle(speed,callback);

可選的 speed 引數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。可選的 callback 引數是 toggle() 方法完成後所執行的函式名稱。

顯示被隱藏的元素，並隱藏已顯示的元素：

隱藏/顯示這是乙個文字段落。這是另外乙個文字段落。

jquery 效果 - 淡入淡出

通過 jquery，可以實現元素的淡入淡出效果。jquery 擁有下面四種 fade 方法：

fadein()

fadeout()

fadetoggle()

fadeto()

jquery fadein() 用於淡入已隱藏的元素。

$(selector).fadein(speed,callback);

可選的 speed 引數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。可選的 callback 引數是 fading 完成後所執行的函式名稱。下面的例子演示了帶有不同引數的 fadein() 方法：

$("button").click(function());

jquery fadeout() 方法用於淡出可見元素。

$(selector).fadeout(speed,callback);

可選的 speed 引數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。可選的 callback 引數是 fading 完成後所執行的函式名稱。下面的例子演示了帶有不同引數的 fadeout() 方法：

$("button").click(function());

jquery fadetoggle() 方法可以在 fadein() 與 fadeout() 方法之間進行切換。如果元素已淡出，則 fadetoggle() 會向元素新增淡入效果。如果元素已淡入，則 fadetoggle() 會向元素新增淡出效果。

$(selector).fadetoggle(speed,callback);

可選的 speed 引數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。可選的 callback 引數是 fading 完成後所執行的函式名稱。下面的例子演示了帶有不同引數的 fadetoggle() 方法：例項

$("button").click(function());

jquery fadeto() 方法

$(selector).fadeto(speed,opacity,callback);

必需的 speed 引數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。fadeto() 方法中必需的 opacity 引數將淡入淡出效果設定為給定的不透明度（值介於 0 與 1 之間）。可選的 callback 引數是該函式完成後所執行的函式名稱。下面的例子演示了帶有不同引數的 fadeto() 方法：

$("button").click(function());

jQuery 之隱藏顯示與淡入淡出效果三

jQuery 隱藏顯示淡入淡出滑動

Jquery隱藏和淡入的效果

jquery顯示，隱藏

jQuery 之 隱藏顯示與淡入淡出效果 三

jQuery 隱藏 顯示 淡入淡出 滑動

Jquery隱藏和淡入的效果

jquery顯示，隱藏

相關推薦

jQuery 之隱藏顯示與淡入淡出效果三

jQuery 隱藏顯示淡入淡出滑動