jQuery 動畫 ajax總結(二)

2021-10-08 19:20:44 字數 1919 閱讀 7047

方法

作用引數

show()

將隱藏元素顯示

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)。這些引數都不是必選的

hide()

隱藏元素

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)。這些引數都不是必選的。––

–slidedown()

將隱藏的匹配元素顯示出來,預設形式為從上至下高度逐漸增大直到完全顯示

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)

slideup()

將顯示的元素隱藏起來,預設形式為從下至上高度逐漸縮小 直到完全隱藏為止

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)

slidetoggle()

既可以讓元素顯示也可以讓元素隱藏。動畫方式與上面兩種相同。

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)––

–fadein()

讓隱藏元素以淡入形式顯示到頁面。

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)

fadeout()

讓顯示元素以淡出形式隱藏在頁面內。

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)

fadetoggle()

切換上面兩種方式。

speed(動畫時長)、easing(切換效果,預設為swing。linear)、fn(動畫完成時執行的函式)

fadeto()

淡出到指定透明度。

speed、opacity(0-1之間表示透明度的數字)、easing、fn––

–animate(params,[speed],[easing],[fn])

建立自定義動畫

後三個引數與上面意思一致。params表示一組包含作為動畫屬性和終值的樣式屬性的集值和,是必填項,決定了動畫的內容

stop([clearqueue],[jumptoend])

預設以在動畫進行過程中停止動畫,停止後的狀態是執行中途的狀態

clearqueue設定為true,則清空佇列,可以立即結束動畫。jumptoend:如果設定成true,可以立即完成動畫。

delay(duration,[queuename])

設定乙個延遲推遲執行佇列中之後的專案

duration:延遲時間;queuename:佇列名詞,預設是fx,動畫佇列

finish(【queue】)

停止當前正在執行的動畫,刪除所有排隊的動畫,並完成匹配元素所有的動畫。 停止後的狀態是元素動畫最終的狀態,而不是中間狀態。

queue為停止動畫佇列中的名稱。

$.

ajax(,

datatype:

"jsonp"

, jsonpcallback:

"getdata"

,//資料處理方式

beforesend:

function()

, success:

function

(res)

, error:

function

(err)

, complete:

function()

, timeout:

2000

,async

:true

//預設為true,表示請求是非同步請求})

;

jquery的動畫總結

1 show 顯示效果 語法 show speed,callback number string,function speend為動畫執行時間,單位為毫秒。也可以為slow normal fast callback可選,為當動畫完成時執行的函式。show speed,easing callback ...

jQuery動畫效果總結

jquery動畫效果總結 開發工具與關鍵技術 visualstudio2015 jqueryjquery中的動畫效果 show 顯示 把隱藏起來的元素顯示出來。列 button first on click function at position 45 顯示引數裡的 hide 隱藏 把顯 butt...

jQuery動畫效果總結

2 jquery中的滑動效果 slidedown speed easing fn 向下滑動元素,直道元素全部顯示出來 slideup speed easing fn 向下滑動元素,直道元素全部影藏出來 slidetoggle speed easing fn 向上滑動與向下滑動之間的 上面三個方法都可...