jQuery queue動画サンプル

jQuery queueを利用して、もう一つのサンプルを紹介します。

ソースコード：

<script type="text/javascript">
$(function(){
    $("#divB3").queue("fx2", function(){
        $("#divB3")
            .animate({"left":"+=200"})
            .animate({"left":"-=200"})
            ;
    });
    $("#btn01j").click(function(){
        // 連続実行可能です 
        $.each(
            $("#divB3").queue("fx2"), 
            function(){
                this();
            });
        // 一回のみ実行する（実行しながらキューから消されたから）
        //$("#divB3").dequeue("fx2");
    });
});
</script>
<div id="divB3" style="background-color:orange;position:relative;top:0;left:0px;width:20px;height:20px;border:1px solid black;"></div>
<button id="btn01j">確定</button>