Javascript 如何在不停止jQuery的情况下设置动画？

我试图让h1在页面加载时不停地缓慢地前后移动。 我现在得到的是这个代码：

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

使h1在开始时滑动

---

如何使它不停地缓慢地向前和向后移动？

您不需要jQuery：

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

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

这里的文本

可以选择添加

style=“width:900px”

或类似内容来调整滚动区域的宽度

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

这应该可以做到

$(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();
});

---

我想问为什么，但我害怕答案。除非我大错特错，否则它会向右移动，然后向左移动，然后停止。OP希望它永远移动。将就绪函数中的内容放入一个while（true）循环中，您应该能够永远继续。@MattB这会使浏览器崩溃。谢谢您的回复，但marquee不是我的意思，抱歉为什么不呢？它完全符合您的要求。还请注意，HTML5中已弃用了

。然而，它与CSS3一起回来了。（说真的，请看规格：）不，首先我想让h1滑出，然后滑出后我想像云一样慢慢移动：）谢谢！这与我希望得到的结果更为相似：）