如何在jQuery中实现连续动画

How to achieve continuous animation in jQuery

本文关键字：实现 连续 动画 jQuery      更新时间：2023-09-26

在页面中我有一个箭头，它隐藏在开始处。当我点击一个按钮，箭头显示。

我想要一个功能，让箭头不断变大，然后恢复到原来的大小，然后再变大，显示出一种关注它指向哪里的表达

DEMO jsBin

代码:

<img id="arrow" src="arrow.png">


var ar = $('#arrow');
function pulsate(){ 
  ar.animate({width:'+=5',height:'+=5'},300,function(){
    ar.animate({width:'-=5',height:'-=5'},300,pulsate);
  });
}
pulsate();

(希望这就是你要找的…)

注:
您还可以像这样封装函数:

var ar = $('#arrow');
(function tic(){ 
  ar.animate({width:'+=5',height:'+=5'},300,function(){
    ar.animate({width:'-=5',height:'-=5'},300,tic);
  });
})();
相关文章：