javascript - 在页面上来回移动一个 div

Question

我试图让一个 div 从屏幕的一端循环移动到另一端。 我的 javascript 目前只尝试将 div 向左移动但不起作用。

    var func = function() {
       $("#bob").animate({"left": "-40px"}, 1000, function() { 
          $(this).animate({"left": "40px"}, 1000) 
       })

        setTimeout(func, 2000);
    }

这是我的 jsfiddle:

http://jsfiddle.net/zsal/N48Eg/1/

Answer 1

为您的函数命名，然后将其中一个用作另一个中的完成回调:

function goLeft() {
    $('#bob').animate({'left': '-40px'}, 1000, goRight);
}

function goRight() {
    $('#bob').animate({'left': '40px'}, 1000, goLeft);
}

goLeft();

所以，当它向左走时，它应该向右走。当它向右走完后，它应该向左走。

免责声明:未经测试

附言您的 Fiddle 中缺少 jQuery。