0

我想要一个箭头脉动的图像，当用户单击箭头时，一个 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();

});
});
4

2 回答 2

1

jQuery 有一个.stop()停止动画的方法。您需要监听点击，然后相应地使用.stop(). 我想你需要使用 true 标志来清除你的动画队列，所以停止不只是“暂停”动画，但这取决于你。然后，您将使用闭包来跟踪“切换状态”并在您的 div 以另一种方式切换时重新启动动画。

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

jQuery .stop 文档：http ://api.jquery.com/stop/

于 2013-10-09T16:02:11.677 回答
0 
$(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-25T15:07:07.630 回答