jQuery动画回放

**下面是两个源代码示例，其中一个没有运行初始函数时要做什么的函数。及

我只是有一个小问题，试图让我的动画，以扭转它自己

我有一艘小型火箭飞船，当它在一个区域上空盘旋时，它会直线起飞。我希望它在达到指定的高度后反转，在它向上的初始动画完成后，回到开始的位置

这个代码在这里，当我立即离开这个区域时，火箭飞船停止上升，下降到它最初开始的区域下面。我知道这是因为

底部：-=1000，但我认为它会运行
bottom:+=1000首先一路运行，然后运行
底部：-=1000并将在它开始的地方结束

那么我做错了什么？另外，我如何让动画变慢，火箭在起飞时变慢并加速

谢谢

function flyMe(){
$( ".over" ).mouseover(function() {
    $( ".flight img" ).animate({
        bottom: "+=1000px",
    }, 1000, 
    function() {
        $( ".over" ).mouseout(function() {
            $( ".flight img" ).animate({
                bottom:"-=1000px",
            },0)
        });
    });
  });   
}

不确定，但你在找这样的东西吗？

因此，根据jquery语法，问题在于代码

$( ".flight img" ).animate({
    bottom:"-=1000px",
}

被执行两次。前一个动画完成后一次，鼠标退出后第二次。因此，火箭进入发射图像下方。我更正了下面的问题。
谢谢您的帮助@rgodse。正是通过玩你的代码，我才找到了答案。我仍然不知道为什么它会干扰代码，但这里是我必须改变的，它使一切正常。在我的CSS中，我的图片上有一条规则

.flight img{    
   bottom:7.5%; 
   left:10%;
}

当我将底部规则改为顶部规则时：

.flight img{    
    top:85%;    
    left:10%;
}

此代码现在执行得非常完美：

$( ".over" ).mouseover(function() {
    $( ".flight img" ).animate({
        top: "-=1000px",
    }, 1000, 
    function() {
        $( ".flight img" ).animate({
            top: "+=1000px",
        }, 1000, "linear");
    });
});

当我有底部规则时，火箭会立即跳到顶部，然后下降到指定的像素点，但不是精确的点，因为它一直跳到浏览器窗口的顶部。我把底部的规则换成了顶部，效果很好

感谢您的帮助。
请创建一个提琴来解释问题@GRavinder这里是火箭飞船在文本后面，但它仍然像本地一样工作它可能是。。。我会给它一个尝试这里是使用相同的代码结构，你给我的样本。如您所见，将鼠标悬停在“发射”上，但火箭立即跳到屏幕顶部，然后以400像素的速度下降。有什么线索吗？