尝试使用动画制作图像移动

-1

为了使图像从一侧移动到另一侧，但出于某种原因无法正常工作，为什么？尝试使用动画制作图像移动

如果我改变了一行代码

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>

来源

2015-03-02 Ricardo

只要改变'变种的div =的document.getElementById（ “动画”）;''到DIV变种= $（“＃animation”）;' – j08691 2015-03-02 18:18:18

@ j08691真棒谢谢 – Ricardo 2015-03-02 18:22:40

使用var div = $("#animation");而不是var div = $("div");。

说明
var div = $("div");目标的所有div元件，而var div = $("#animation");目标仅的div与idanimation

来源

2015-03-02 18:17:56 Anubhav

尝试使用动画制作图像移动

回答

相关问题