Question

我目前正在尝试使用jquery创建一个（我认为）简单的动画使用三个图像，基本上我想要做的是点击功能有三个框从左到右快速移动然后停止进入相同的位置，然后在最后有一个函数，我可以把代码放到最后，

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，虽然没有发生任何事情。

感谢您的帮助，对不起，如果这没有多大意义，请写下这种快速的谢谢

Answer 1

通过使用带动画的jQuery队列来解决它，谢谢！

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

jQuery框随机播放动画

1 个答案: