Javascript 将图像从屏幕的一侧移动到另一侧

我正在尝试将图像从屏幕的一侧移动到另一侧。我找到了这篇解释它的帖子-。但是我不能让它工作。我的图像出现在屏幕上，然后消失了。它不会穿过屏幕。我遵循这个例子，所以我不知道为什么它的行为不一样

<div> 
    <img id="animate" src="myImage.png" />
</div>
@section scripts
{
<script>
  $(document).ready(function(e) {
    var width = "+=" + $(document).width();
    $("#animate").animate({
        left: width
    }, 5000, function() {
        $("#animate").css("display", "none");
    });
});
</script>
}

@节脚本
{
$（文档）.ready（函数（e）{
var width=“+=”+$（文档）.width（）；
$（“#设置动画”）。设置动画({
左：宽度
}，5000，函数（）{
$（“#动画”）.css（“显示”、“无”）；
});
});
}

您是否设置了图像的

位置

css属性？例如

位置：相对

，

位置：绝对

或

位置：固定

。

左侧

和

顶部

css属性未与我缺少的默认

位置

一起使用-我将css属性设置为

位置：相对--谢谢你，帕特里克