jQuery動畫方法

2021-07-23 21:29:34 字數 2139 閱讀 2270

hide(speed,callback)

show(speed,callback)

隱藏和顯示

-speed可選的 speed 引數規定隱藏/顯示的速度,可以取以下值:」slow」、」fast」 或毫秒。

-callback可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。

示例:

$("button").click(function

());

toggle(speed,callback)

顯示被隱藏的元素,並隱藏已顯示的元素

fadein()

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

fadeout()

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

fadetoggle()

如果元素已淡出,則 fadetoggle() 會向元素新增淡入效果。

如果元素已淡入,則 fadetoggle() 會向元素新增淡出效果。

fadeto()

fadeto() 方法允許漸變為給定的不透明度(值介於 0 與 1 之間)。

slidedown()

slidedown() 方法用於向下滑動元素。

slideup()

slideup() 方法用於向上滑動元素。

slidetoggle()

如果元素向下滑動,則 slidetoggle() 可向上滑動它們。

如果元素向上滑動,則 slidetoggle() 可向下滑動它們。

animate()

animate() 方法用於建立自定義動畫。

示例:

$("div").animate();
animate() - 操作多個屬性

生成動畫的過程中可同時使用多個屬性

示例:

$("div").animate();
animate() - 使用相對值

也可以定義相對值(該值相對於元素的當前值)。需要在值的前面加上 += 或 -=:

使用示例:

$("div").animate();
animate() - 使用預定義的值

您甚至可以把屬性的動畫值設定為 「show」、」hide」 或 「toggle」

示例:

$("div").animate();
animate() - 使用佇列功能

示例:

var div=$("div");

div.animate(,"slow");

div.animate(,"slow");

div.animate(,"slow");

div.animate(,"slow");

stop(stopall,gotoend)

stop() 方法用於停止動畫或效果,在它們完成之前。

JQuery動畫 animate 方法

語法 selector animate speed,callback div animate 將div距左移動250畫素預設情況下,所有 html 元素都有乙個靜態位置,且無法移動。如需對位置進行操作,要記得首先把元素的 css position 屬性設定為 relative fixed 或 abs...

jQuery的動畫方法

animate引數 引數一 要改變的樣式屬性值,寫成字典的形式 引數二 動畫持續的時間,單位為毫秒,一般不寫單位 引數三 動畫曲線,預設為 swing 緩衝運動,還可以設定為 linear 勻速運動 引數四 動畫 函式,動畫完成後執行的匿名函式 div1 animate 1000,swing fun...

jQuery效果動畫方法

隱藏被選元素 speed easing callback speed easing callback 隱藏和顯示之間的切換 speed easing callback 淡入效果 淡出效果 淡入淡出效果 透明度改變 滑動顯示 滑動隱藏 滑動隱藏顯示 執行 css 屬性集的自定義動畫 styles 必需...