Question

我希望有一个箭头脉动的图像，当用户点击箭头时，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();

});
});

Answer 1

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

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

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

Answer 2

$(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();
});

此代码有效，但您将如何再次启动脉冲动画？

你可以切换脉冲动画吗？

2 个答案: