如何使用 jquery animate 在整个屏幕上移动图像

Question

我试图在整个屏幕上移动图像，但它只能从上到下、从左到右移动，然后就停止了。
这是我的 javascript 代码。

          $(function(){
$("#btn1").click(function(){
        $("#p2").animate({width:300 })
        $("#p2").animate({left:'600px'})
        $("#p2").animate({top:'400px'})
        $("#p2").animate({right:'100px'})
        $("#p2").animate({bottom:'400px'})
});
});

这是我的 html

<img src="myimage.png" id="p2" />      
<button id="btn1">click</button>
<style>
#p2{
position:absolute;

}
</style>

如果有人知道我如何为屏幕周围的图像制作动画，请帮助我解决我的分配问题。感谢您的宝贵时间。

Answer 1

<script>
$(document).ready(function(){
    $("#b").animate({left: "+=500"}, 2000);
    $("#b").animate({top: "+=300"}, 1000);
    $("#b").animate({left: "-=500"}, 1000);
    $("#b").animate({top: "-=300"}, 1000);

});
</script>
<div id="b" style="position:absolute; top:50px">

<img src="img/codelab-1.jpg" width="200px"/></div>

如何使用 jquery animate 在整个屏幕上移动图像

how can i move image all over the screen using jquery animate

html

javascript

jquery

jquery-animate