Javascript 如何使div无限移动？

我试图制作一个网页，使用一个移动的div，慢慢向左移动。还有另一个div在它的顶部向右移动，它提供了一个3D效果（但在点的旁边）

我现在尝试做的是制作一个7000px宽的div，它慢慢地向左移动（使用jQuery

animate（）

）为CSS的“right”属性设置动画），但是在它全部移动之后，动画结束

有没有一种方法可以使div的宽度无限大，或者至少让它回到开头（就像杂货店收银台移动皮带一样），这样动画就不会停止

---

我认为这需要几个单独的div，每一个div一旦结束就会返回，但我不知道如何做，因为我是jQuery的初学者。

UPDATE

考虑到您的示例，您只需在末尾添加回调即可修复它，您的脚本必须如下所示：

$(document).ready(function() {
    animateRight ();
    animateLeft ();
});

function animateRight ()
{
    $('#lightright').css ("left", "100%");
    $('#lightright').animate({left:'0%'},1500, "", animateRight);
}

function animateLeft ()
{
    $('#lightleft').css ("right", "100%");
    $('#lightleft').animate({right:'0%'},1600, animateLeft);
}

基本上，我们只是重置动画css属性并开始反动画效果，动画持续时间在这段代码中更快，只是为了帮助查看效果

---

希望它能帮助您

您可以研究使用jQuery

字幕

插件：

---

您是否试图在页面中实现视差？有几个插件可以处理这个问题

---

我不知道这到底是怎么回事；你可以在这里看到我的作品：nth.brandonwang.org/stuhf2/如果你等待足够长的时间，你会注意到当div离开屏幕时，移动消失了。好的，我刚刚制作了一个全新的演示，有你需要的，我希望它能帮助你deltaX和deltaT做什么？deltaX和deltaY定义了它滚动的速度，动画定义为“div每deltaY毫秒将deltaX像素向左移动一次”很抱歉再次打扰您，我知道我看起来一定非常愚蠢，但我仍然不知道如何实现这一点…您能看看我的代码（链接nth.brandonwang.org/stuhf2）并告诉我如何实现它吗？非常感谢。