jquery 脉动文本

【问题标题】：jquery pulsating textjquery 脉动文本
【发布时间】：2010-07-22 11:27:30
【问题描述】：

我正在使用 jquery 来跳动文本。一切都好-但我无法理解某些事情：我只想脉动x次然后停止。我正在使用以下代码来激活一个类：

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

有什么想法可以实现吗？大概是一行代码……？！

【问题讨论】：

标签： jquery text

【解决方案1】：

最简单的方法就是数数：

$(document).ready(function() {
  var i = 0;
  function pulsate() {
    if(i >= 3) return;
    $(".pulsate").
      animate({opacity: 0.2}, 1000, 'linear').
      animate({opacity: 1}, 1000, 'linear', pulsate);
    i++;
  }
  pulsate();
});

Try it here。或者，在 for 循环中一次将所有动画排队，如下所示：

$(function() {
  var p = $(".pulsate");
  for(var i=0; i<3; i++) {
    p.animate({opacity: 0.2}, 1000, 'linear')
     .animate({opacity: 1}, 1000, 'linear');
  }
});

Try that version here.

【讨论】：