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

Question

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

以下是该网站的一个非常简化的结构。我怎样让她上下移动，就像她在跳跃的城堡一样？

图片的ID为芭蕾舞女演员。

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弹跳效果...