0

私は現在、3つの画像を使用してjqueryで（私が思うに）単純なアニメーションを作成しようとしています。基本的に私がやろうとしているのは、クリック機能で、3つのボックスを左から右に非常に速くシャッフルしてから同じ場所に戻ることです。位置し、最後にコードをスローできる関数を最後に持って、

HTML

<div id="shuffleGame" class="clearfix" style="position: relative; overflow: visible;">
<img src="http://dev.thefragilemachine.com/capita/instantwin/imgs/gift_close.png" >
<img src="http://dev.thefragilemachine.com/capita/instantwin/imgs/gift_close.png" style="margin-left:10px; margin-right:10px;">
<img src="http://dev.thefragilemachine.com/capita/instantwin/imgs/gift_close.png" >
</div>

JQUERY

     $("a.goBtn").click(function (e) {
        e.preventDefault()
        $("div#theCards").hide();
        $("div#shuffleGame").fadeIn("fast");
        $("a.goBtn").fadeOut("slow");

        //Animations


     }); //$("a.goBtn").click(function { });

ここで私がやろうとしていることを見ることができます：dev.thefragilemachine.com/capita/instantwin/ani2.html、実際には何も起こっていませんが。

助けてくれてありがとう、これがあまり意味をなさないなら申し訳ありませんがこの種の速い感謝を書きました

4

1 に答える 1

0

アニメーションでjQueryキューを使用して、それを理解しました。ありがとう！

http://api.jquery.com/queue/

于 2012-06-13T15:11:48.347 に答える