jquery ui动画时间延迟

Question

我有一个小巧的功能，可以在图标上创造无穷无尽的弹跳效果。

function animMap1(){
    $("img.map_icon").animate({ top:"165px" },   300,"easeInOutQuad",function(){animMap2();});
    }
function animMap2(){
    $("img.map_icon").animate({ top:"185px" },300,"easeInOutQuad",function(){animMap1();});
    }

它有效，但每次发射都会增加一点延迟。我的错误在哪里？我想要实现的是这样的：

http://www.porte-sainte-claire.com/#page_venir-a-la-porte-sainte-claire

有什么想法吗？在此先感谢!!

Answer 1

＆＃13;

＆＃13;

function animMap1(){
  $(this).children('.dropingdiv').css("display", "block");
   $("img.map_icon").animate({ top:"165px" },{duration:300, complete: function() {
    $("img.map_icon").animate({ top:"185px" },{duration:300, complete: function() {
      animMap1();
        }});
}});

＆＃13;

＆＃13;

＆＃13;