jquery動畫函式佇列

2022-02-26 19:24:25 字數 1591 閱讀 7889

佇列允許乙個元素來非同步的訪問一連串的動作,而不終止程式執行。

queue    將函式加入、插入匹配元素的佇列

dequeue  執行匹配元素的佇列

queue( [ queuename ], newqueue )

queuename乙個含有佇列名的字串。預設是"fx",標準的動畫佇列。

newqueue乙個替換當前函式列隊內容的陣列。

queue( [ queuename ], callback( next ) )

queuename乙個含有佇列名的字串。預設是fx,標準的動畫佇列。

callback( next )新增到列隊的新函式。

所以:當只傳入乙個引數時, 它返回並指向第乙個匹配元素的佇列(將是乙個函式陣列,佇列名預設是fx); 當有兩個引數傳入時, 第乙個引數還是預設為fx的的佇列名, 第二個引數又分兩種情況, 當第二個引數是乙個函式時, 它將在匹配的元素的佇列最後新增乙個函式. 當第二個引數是乙個函式陣列時,它將匹配元素的佇列用新的乙個佇列來代替(函式陣列).

1. 當只傳入乙個引數時, 它返回並指向第乙個匹配元素的佇列(這是乙個函式陣列,佇列名預設是fx的佇列)

2.當傳入兩個引數時, 第乙個引數為佇列名(預設fx),當第二個引數是乙個函式時, 它將在匹配的元素的佇列最後新增乙個函式。

當第二個引數是乙個函式陣列時,它將匹配元素的佇列用新的乙個佇列來代替(函式陣列)。

例如example1

$(".tt").click(function () ).queue(function () , 2000)

}).animate()

example2

$(document).ready(function () 

var _funclist = [

function () , next)

},function (),1000)

},function () , next)

},function (),1000)

},function () , next)

},function (),1000)

},function () , next)

},function (),1000)

},function () , next)

},function()

]//建立函式陣列

$(".main").queue("dd", _funclist)//將函式陣列插入匹配元素的的佇列dd

$(document).click(function())//執行佇列

})

example3

js

$(document).ready(function () 

var arry =

$(".main div").each(function () ,function())

}arry.push(k) //遍歷生成函式陣列

})$(".main").queue("slidelist", arry) //將函式陣列新增到匹配元素的佇列,佇列名為slidelist

$(document).click(function())

})

清除Jquery動畫的佇列

當我們在寫頁面效果時,有時希望當滑鼠放到某個元素上,這時會有動態的效果,當滑鼠移出時效果會消失。但實際中,如果快速的用滑鼠指向元素並移出,反覆幾次。即便滑鼠不再指向這個元素,但這個元素會不停的重複著動態效果,重複次數和滑鼠指向的次數一樣。說明,這個元素產生了乙個執行特效的佇列,但往往我們不需要這個佇...

jQuery 動畫 核心函式

一.動畫 1.show 顯示 hide 隱藏 可以穿引數 btn1 on click function btn2 on click function 還可以設定數字,多少秒之後消失,改變的是寬 高 和opcity的值 1.opcity css 屬性 透明度 2.fadein fadeout 設定淡入...

深入學習jQuery動畫佇列

佇列實現是jquery非常棒的乙個拓展,使用動畫佇列可以使動畫更容易實現。本文將詳細介紹jquery動畫佇列 queue 方法用來顯示在匹配的元素上的已經執行的函式佇列 queue queuename queue 方法可以接受乙個可選引數 乙個含有佇列名的字串。該引數預設是 fx script sr...