Jquery效果方法彙總

2021-09-22 10:33:22 字數 1360 閱讀 3281

$(selector).animate(style,speed,easing,callback),該方法用於執行css屬性集的自定義動畫。style只有以數字值才可以建立動畫,如,以字元則無法建立動畫,如(」background-color:red")。

speed是乙個可選引數,數值的單位是毫秒,也可以選擇「slow」、「normal」、「fast」.

easing也是乙個可選引數,規定在不同的動畫點中設定動畫速度的 easing 函式。內建的 easing 函式:swing、linear。

callback也是乙個可選引數,animate 函式執行完之後,要執行的函式。

queue(佇列名,function),該方法用於把函式加入佇列(通常是函式陣列),佇列名是乙個可選引數,預設的佇列名是 "fx"。

queue().length可用於顯示佇列的長度。

dequeue(佇列名),用dequeue將函式陣列中的第乙個函式取出,並執行(用shift()方法取出並執行),佇列名是乙個可選引數,預設的佇列名是 "fx"。

這就意味著,如果不執行dequeue,那麼佇列中的下乙個函式永遠不會執行。

clearqueue(queuename),該方法用於停止佇列中所未執行的函式。

fadein(speed,callback),speed是乙個可選引數,數值的單位是毫秒,也可以選擇「slow」、「normal」、「fast」。該方法用於元素的淡入效果。

fadeout(speed,callback),該方法用於元素的淡出效果。

fadeto(speed,opacity,callback),opacity是乙個必需引數,表示淡入淡出的透明度,介於0.00與1.00之間。該方法的作用是將被選元素的透明度逐漸變為指定的值。

hide(speed,callback),將被元素進行隱藏。

show(speed,callback),將隱藏的被選元素進行顯示。

toggle(speed,callback,switch),該方法用於切換可見狀態,switch是乙個可選引數,bool型別。true - 顯示所有元素,false - 隱藏所有元素。如果設定此引數,則無法使用 speed 和 callback 引數。

sliddown(speed,callback),以滑動的方式,顯示隱藏元素。

slidup(speed,callback),以滑動的方式,將隱藏的元素顯示出來。

slidtoggle(speed,callback),以滑動的方式切換元素的可見狀態。

stop(stopall,gotoend),該方法用於停止正在進行的動畫,可選引數stopall,是乙個bool型別,規定是否停止所有加入佇列的動畫。可選引數gotoend,也是乙個bool型別,規定是否要完成當前的動畫,再停止。只有設定了stopall這個引數,才能設定這個引數。

JQUERY效果方法

jquery 效果方法 animate 對被選元素應用 自定義 的動畫 clearqueue 對被選元素移除所有排隊函式 仍未執行的 delay 對被選元素的所有排隊函式 仍未執行 設定延遲 dequeue 移除下乙個排隊函式,然後執行函式 fadein 逐漸改變被選元素的不透明度,從隱藏到可見 f...

jQuery 效果方法

下面的 列出了所有用於建立動畫效果的 jquery 方法。方法描述 animate 對被選元素應用 自定義 的動畫 clearqueue 對被選元素移除所有排隊函式 仍未執行的 delay 對被選元素的所有排隊函式 仍未執行 設定延遲 dequeue 移除下乙個排隊函式,然後執行函式 fadein ...

jQuery 效果 animate 方法

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