jQuery 效果 animate 方法

2021-07-02 17:14:26 字數 907 閱讀 5924

jquery 效果參考手冊

改變 "div" 元素的高度:

$(".btn1").click(function());});
親自試一試

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

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

可能的值:

jQuery 效果 animate 方法

animate 方法執行 css 屬性集的自定義動畫。該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。只有數字值可建立動畫 比如 margin 30px 字串值無法建立動畫 比如 background color red 注釋 使用 或 來建立...

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...