[英]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隊列與動畫配合使用,謝謝!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.