如何使用jQuery不停止动画？

Question

我正在尝试使h1在页面加载时不停地前进和后退。 我现在得到的是这段代码：

$(document).ready(function() {
    $("div#presentation-container h1").animate({
        opacity:'1',
        marginLeft:'+=600px',
    }, 1300);
});

启动h1幻灯片。

如何让它在没有停止的情况下慢慢向前和向后动画？

Answer 1

$(document).ready(function() {
    $("div#presentation-container h1").animate({
        opacity:'1',
        marginLeft:'+=600px',
    }, 1300).animate({
        opacity:'1',
        marginLeft:'-=600px',
    }, 1300);
});

Answer 2

你不需要jQuery：

<marquee behaviour="alternate" speed="1"><h1>Text here</h1></marquee>

可选择添加style="width:900px"或类似内容以调整滚动区域的宽度。

那就是说，这是一个非常糟糕的主意。

Answer 3

应该这样做......

$(document).ready(function() {
    function moveRight() {
        $("div#presentation-container h1").animate({
            opacity:'1',
            marginLeft:'+=600px',
        }, 1300, moveLeft);
    }

    function moveLeft() {
        $("div#presentation-container h1").animate({
            opacity:'1',
            marginLeft:'-=600px',
        }, 1300, moveRight);
    }

    moveRight();
});