尝试使用动画使图像移动答案

【问题标题】：Trying to make an image move using animate尝试使用动画使图像移动
【发布时间】：2015-03-03 02:17:56
【问题描述】：

我想让这张图片从一侧移动到另一侧，但由于某种原因不起作用，有什么想法吗？

如果我改变这行代码

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>

【问题讨论】：

只需将var div = document.getElementById("animation"); 更改为var div = $("#animation");
@j08691 太棒了，谢谢

标签： jquery arrays html

【解决方案1】：

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

解释
var div = $("div"); 定位所有div 元素，而var div = $("#animation"); 定位仅 div 和id @ 987654328@

【讨论】：