Question

我想把这个图像从一边移到另一边，但由于某些原因不起作用，任何想法为什么？

如果我改变这行代码

var div = document.getElementById("animation");

要

var div = $("div");

工作，但它会移动所有div

<script>
  $(document).ready(function() {
  $("button").click(function(){
    var div = document.getElementById("animation");
    div.animate({top: "+=100px", left:"+=800px"}, 3000);
    div.animate({top: "+=100px", left:"-=800px"}, 3000);
    });
  });
</script>

<Button>Animate</Button>
<div id="animation" style="height:100px; width:200px; position:absolute;"><img src="images/poporkii.gif" width="281" height="186" /></div>

Answer 1

使用var div = $("#animation");代替var div = $("div");。

的说明
var div = $("div");定位所有div元素，而var div = $("#animation");定位仅 div id animation

尝试使用动画来移动图像

1 个答案: