jQuery框洗牌动画

jQuery框洗牌动画,jquery,animation,Jquery,Animation,我目前正在尝试用jquery创建一个(我认为)简单的动画,使用三个图像,基本上我正在尝试的是单击函数,让三个框从左到右快速移动,然后停回到相同的位置,最后有一个函数,我可以在最后插入代码 HTML 您可以在这里查看我试图做的事情:dev.thefragilemachine.com/capita/instanttwin/ani2.html,尽管实际上什么都没有发生 感谢您的帮助,如果这没有多大意义,很抱歉写了这种快速的感谢刚刚通过使用带有动画的jQuery队列解决了这个问题,谢谢 <div

我目前正在尝试用jquery创建一个(我认为)简单的动画,使用三个图像,基本上我正在尝试的是单击函数,让三个框从左到右快速移动,然后停回到相同的位置,最后有一个函数,我可以在最后插入代码

HTML

您可以在这里查看我试图做的事情:dev.thefragilemachine.com/capita/instanttwin/ani2.html,尽管实际上什么都没有发生


感谢您的帮助,如果这没有多大意义,很抱歉写了这种快速的感谢

刚刚通过使用带有动画的jQuery队列解决了这个问题,谢谢

<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>
     $("a.goBtn").click(function (e) {
        e.preventDefault()
        $("div#theCards").hide();
        $("div#shuffleGame").fadeIn("fast");
        $("a.goBtn").fadeOut("slow");

        //Animations


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