jquery - 循环一个 jQuery 字体大小的动画

Question

我目前有一行文本，其默认字体大小为 24。我将其设置为动画以调整回 22：

$(document).ready(function animateHeader() {
$('#random_header').animate({fontSize : "22px"}, 500);
});

我想在 24 到 22 和 22 到 24 之间连续循环播放这个动画。我该怎么做？

Answer 1

jsBin 演示

$(document).ready(function(){
  
  function animateHeader(){
    $('#random_header').animate({fontSize : 22}, 500,function(){
      $(this).animate({fontSize : 24}, 500, animateHeader);
    });
  }
  animateHeader();
  

});

Answer 2

$(document).ready(function animateHeader() {
    $('#random_header').animate({
        fontSize: $('#random_header').css('fontSize') == '24px' ? '22px' : '24px'
    }, 500, animateHeader);
});​

http://jsfiddle.net/thirtydot/aDZLy/

Answer 3

尝试

function ani(size){
 $('#random_header').animate({fontSize : size+"px"}, 500, function(){ ani((size==22) ? 24 : 22 ); } );
}

ani(24);