簡體   English   中英

jQuery盒隨機播放動畫

[英]jQuery box shuffle animation

我目前正在嘗試使用三個圖像使用jquery創建一個(我認為)簡單的動畫,基本上我想做的是在click函數上,使三個框從左到右快速移動,然后停回到同一位置位置,然后在末尾有一個函數,我可以在末尾拋出代碼,

的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,盡管實際上什么都沒有發生。

謝謝你的幫助,對不起,如果這沒有太大意義,請寫出這樣的快速感謝

剛弄清楚,通過將jQuery隊列與動畫配合使用,謝謝!

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM