jquery動畫函式佇列

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

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