jqueryキュー関数の使用例example_jquery

<頭>




<スタイル>
div { マージン: 3 ピクセル; 高さ: 40 ピクセル;
位置: 絶対; 上: 30 ピクセル; 背景:緑; 表示:なし; div.newcolor {背景:青}

ここをクリック...

<スクリプト>
$(document.body).click(function () {
$("div").show("slow");
//$("div").slideDown();
$("div").animate({left:' =200'},2000);
$("div").queue(function () {//Queue
$(this).addClass("newcolor");
$(this).dequeue();//デキュー
});
$("div").animate({left:'-=200'},2000);
$("div").queue(function () {//Queue
$(this).removeClass("newcolor");
$(this).dequeue();//デキュー
});
$("div").slideUp();
});