如何将这两个jquery动画代码合二为一

Question

这是迄今为止的代码。我想要的首先是#spider to easeOutBounce然后开始做这个动画

  $("#spider").animate({top:"-=20px"},1000).animate({top:"+=20px"}, 1000);

这里是所有代码

   $(document).ready(function() {
     setTimeout("animation()",300);
  });

  function animation(){
       spider();
  }

  function spider(){
     $("#spider").animate({top: '200px' }, {queue:false, duration:600, easing:'easeOutBounce'});
      $("#spider").animate({top:"-=20px"},1000).animate({top:"+=20px"}, 1000);
      setTimeout("spider()",2000);
  }

感谢

Answer 1

你的意思是回调??

function spider(){
   $("#spider").animate({top: '200px' }, 600, 'easeOutBounce',
       function() {
         $(this).animate({top:"-=20px"},1000).animate({top:"+=20px"}, 1000);
   });
}