jQuery 效果 animate 方法

2021-07-14 20:10:19 字數 1527 閱讀 2010

animate() 方法執行 css 屬性集的自定義動畫。

該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。

只有數字值可建立動畫(比如 "margin:30px")。字串值無法建立動畫(比如 "background-color:red")。

注釋:使用 "+=" 或 "-=" 來建立相對動畫(relative animations)。

$(selector).animate(styles,speed,easing,callback)
引數

描述styles

必需。規定產生動畫效果的 css 樣式和值。

可能的 css 樣式值(提供例項):

注釋:css 樣式使用 dom 名稱(比如 "fontsize")來設定,而非 css 名稱(比如 "font-size")。

speed

可選。規定動畫的速度。預設是 "normal"。

可能的值:

easing

可選。規定在不同的動畫點中設定動畫速度的 easing 函式。

內建的 easing 函式:

擴充套件外掛程式中提供更多 easing 函式。

callback

可選。animate 函式執行完之後,要執行的函式。

$(selector).animate(styles,options)
引數

描述styles

必需。規定產生動畫效果的 css 樣式和值(同上)。

options

可選。規定動畫的額外選項。

可能的值:

改變 "div" 元素的高度:

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

});

方法描述

animate()

對被選元素應用「自定義」的動畫

clearqueue()

對被選元素移除所有排隊的函式(仍未執行的)

delay()

對被選元素的所有排隊函式(仍未執行)設定延遲

dequeue()

執行被選元素的下乙個排隊函式

fadein()

逐漸改變被選元素的不透明度,從隱藏到可見

fadeout()

逐漸改變被選元素的不透明度,從可見到隱藏

fadeto()

把被選元素逐漸改變至給定的不透明度

hide()

隱藏被選的元素

queue()

顯示被選元素的排隊函式

show()

顯示被選的元素

slidedown()

通過調整高度來滑動顯示被選元素

slidetoggle()

對被選元素進行滑動隱藏和滑動顯示的切換

slideup()

通過調整高度來滑動隱藏被選元素

stop()

停止在被選元素上執行動畫

toggle()

對被選元素進行隱藏和顯示的切換

**w3shool

jQuery 效果 animate 方法

jquery 效果參考手冊 改變 div 元素的高度 btn1 click function 親自試一試 animate 方法執行 css 屬性集的自定義動畫。該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。只有數字值可建立動畫 比如 marg...

jQuery 效果 animate 方法

例項 改變 div 元素的高度 btn1 click function 定義和用法 animate 方法執行 css 屬性集的自定義動畫。該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。只有數字值可建立動畫 比如 margin 30px 字串值...

jQuery 效果 動畫animate的使用

語法 selector animate speed,callback 引數說明 必需的 params 引數定義形成動畫的 css 屬性。可選的 speed 引數規定效果的時長。它可以取以下值 slow fast 或毫秒。可選的 callback 引數是動畫完成後所執行的函式名稱。document r...