0

我目前正在尝试使用三个图像用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>

查询

     $("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 回答