jquery - 使用jquery使图像在循环动画中上下反弹

Question

我是 jquery 的新手，想为我正在开发的网站创建一个孩子在跳跃城堡（上下运动）上弹跳的效果。

下面是一个非常精简的网站结构。如何让她像在跳跃城堡上一样上下移动？

图像的 id 是ballerina。

http://www.staging.alexanderdzine.com.au/jquery-test/

Answer 1

使用此代码...

var int=self.setInterval(function(){bounceIMG()},500);

function bounceIMG(){
   if($("#ballerina-wrapper").css('margin-top') == '0px'){
      $("#ballerina-wrapper").animate({
         marginTop: "30px"
      }, 150 );
   }    else {
      $("#ballerina-wrapper").animate({
         marginTop: "0px"
      }, 150 );
    }
}

或者使用jquery ui弹跳效果...