- ゆっくりと表示
- 右方向に移動
- スライドして非表示
- スライドして表示
- 左方向に移動
- ゆっくりと消える
- ゆっくりと表示
- スライドして非表示
最後まで行くと再び上記処理が全てqueueに溜まり、また順に処理していきます。
これがひたすら繰り返されるので、適当なタイミングで「残りのqueue数」を確認して下さい。
Effects/API/jQuery
queue()
最初の要素が持つqueueを、関数配列として返します。
サンプル
サンプル1
緑色の四角形が、次のように動作するサンプルを作ります。
最後まで行くと再び上記処理が全てqueueに溜まり、また順に処理していきます。
これがひたすら繰り返されるので、適当なタイミングで「残りのqueue数」を確認して下さい。
最後まで行くと再び上記処理が全てqueueに溜まり、また順に処理していきます。
これがひたすら繰り返されるので、適当なタイミングで「残りのqueue数」を確認して下さい。
$("#show").click(function () {
var n = $("div").queue();
$("span").text("Queue length is: " + n.length);
});
function runIt() {
$("div").show("slow");
$("div").animate({left:'+=200'},2000);
$("div").slideToggle(1000);
$("div").slideToggle("fast");
$("div").animate({left:'-=200'},1500);
$("div").hide("slow");
$("div").show(1200);
$("div").slideUp("normal", runIt);
}
runIt();
[全コードを表示]
[実行結果を単体で表示]