你可以切換一個脈衝動畫嗎？

我想要一個箭頭脈動的圖像，當用戶點擊箭頭時，div滑落，脈動箭頭動畫停止。當用戶再次點擊箭頭時，div向上滑動，箭頭繼續跳動。你可以切換一個脈衝動畫嗎？

我可以切換。我可以脈衝。但是，我不確定如何去切換動畫。如果有人能指出我會朝着正確的方向發展，那就太棒了！

非常感謝。

$(document).ready(function(){ 
{ 
    $(".arrow_down_grey").effect("pulsate", 
     {times:5}, 3000); 
    } 
    $('.arrow_down_grey').click(function(){ 
     $(".arrow_down_grey").stop().effect(); 
     $(".hiddenDiv").slideToggle(); 

}); 
});

來源

2013-10-09 danelig

jQuery有一個.stop()停止動畫的方法。您需要聽取點擊，然後使用.stop()相應地開始/停止動畫。我認爲你需要使用真正的標誌來清除你的動畫隊列，所以停止不會「暫停」動畫，但這取決於你。然後，您可以使用閉合來跟蹤「切換狀態」，並在您的div以其他方式切換時啓動動畫備份。

$('#animation').stop(false);

jQuery的.stop文檔：http://api.jquery.com/stop/

來源

2013-10-09 16:02:11

謝謝。我意識到這一點。但是，如何再次啓動動畫onclick？ – danelig

你能提供你的動畫代碼嗎？如果你這樣做，我會告訴你如何添加一個閉包並重新啓動/關閉 –

非常感謝您的幫助。我將進一步編碼併發布我的代碼。 – danelig

$(document).ready(function() { 
    function pulsate() { 
     $(".pulsate").animate({ opacity: 0.2 }, 1200, 'linear') 
        .animate({ opacity: 1 }, 1200, 'linear', pulsate) 
        .click(function() { 
         $(this).animate({ opacity: 1 }, 1200, 'linear'); 
         $(this).stop(); 
        }); 
     } 

    pulsate(); 
});

此代碼的工作，但你會如何再次啓動脈衝動畫？

來源

2013-10-25 15:07:07 danelig

你可以切換一個脈衝動畫嗎？

回答

相關問題