javascript - 如何使用 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();
});