Jquery Pulsate Times

Question

我使用Pulsate函数（http://docs.jquery.com/UI/Effects/Pulsate）。有了“时间”这个论点，我可以设置元素脉动的时间。默认值是5，但我怎样才能设置它的元素将无限脉动。

Answer 1

，我建议你不要使用jQueryUI的在所有的这一点 - 这是一个非常简单的动画，并且可以不加载UI很容易做到：

// DOM ready 
$(function(){ 
    // Self-executing recursive animation 
    (function pulse(){ 
     $('#my_div').delay(200).fadeOut('slow').delay(50).fadeIn('slow',pulse); 
    })(); 
}); 

工作演示：http://jsfiddle.net/AlienWebguy/bSWMC/

正如你可以看到，它可以通过改变淡入淡出的速度和延迟的持续时间来轻松调整。

原来jQueryUI的pulsate()函数使用for环路times，所以你不能在不改变插件的逻辑使用这个插件实现你的结果：

$.effects.pulsate = function(o) { 
    return this.queue(function() { 
     var elem = $(this), 
      mode = $.effects.setMode(elem, o.options.mode || 'show'); 
      times = ((o.options.times || 5) * 2) - 1; 
      duration = o.duration ? o.duration/2 : $.fx.speeds._default/2, 
      isVisible = elem.is(':visible'), 
      animateTo = 0; 

     if (!isVisible) { 
      elem.css('opacity', 0).show(); 
      animateTo = 1; 
     } 

     if ((mode == 'hide' && isVisible) || (mode == 'show' && !isVisible)) { 
      times--; 
     } 

     for (var i = 0; i < times; i++) { 
      elem.animate({ opacity: animateTo }, duration, o.options.easing); 
      animateTo = (animateTo + 1) % 2; 
     } 

     elem.animate({ opacity: animateTo }, duration, o.options.easing, function() { 
      if (animateTo == 0) { 
       elem.hide(); 
      } 
      (o.callback && o.callback.apply(this, arguments)); 
     }); 

     elem 
      .queue('fx', function() { elem.dequeue(); }) 
      .dequeue(); 
    }); 
}; 

Answer 2

只是疯狂的猜测，但我会尝试0或-1。如果这没有帮助，您可以添加一个接近无限的值，可能是1000000或其他值。

Answer 3

jordy，你可以用里面的一个函数来完成上面的脉动。

//the function 
function pulsateforever(){ 
$("element").effect("pulsate", { times:1 }, pulsatetime,function(){ 
//repeat after pulsating 
pulsateforever(); 
}); 
} 
//call function when DOM is ready 
$(function(){ 
pulsateforever(); 
}); 

确保您更换元素与要跳动的元素，pulsatetime在你希望它跳动的速度。

Answer 4

看看这个新plugin

像魅力一样工作，脉动效果适用于所有浏览器。

Answer 5

基于关闭AlienWebguy的答案，但没有“隐藏”和“秀”荷兰国际集团的元素，而不仅仅是动画的不透明度：

(function pulse(){ 
      $("#elem").delay(200).animate({'opacity':1}).delay(500).animate({'opacity':0},pulse); 
     })();