Javascript 运动背景图像

大家好

如果有人能帮我解决我遇到的问题。我正试图建立一个网站，有一个背景完全一样

---

我真的很喜欢背景图像（云）水平移动。我该怎么做呢？

你可以试试类似的东西

  $('#divId').animate(function() {
                backgroundPosition: '(-5000px 100px)'}, 5);
    });

在这里，背景x位置将在5秒内从0变为-5000px，您可以更改时间和位置px-s以获得理想的结果

更新您应该使用jquery库，您可以下载或在线使用

e、 使用fromURL时，把这个放在你的头上

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>

此外，您应该在头部分或正文中写下这句话，这并不重要，但在上一个脚本标记之后，重要的是什么

<script type="text/javascript">

    $(document).ready(function() {
         $('#divId').animate(function() {
                backgroundPosition: '(-5000px 100px)'}, 5);
    });

</script>

$（文档）.ready（函数（）{
$（'#divId'）。设置动画（函数（）{
背景位置：“（-5000px 100px）”，5）；
});

听说你有一个例子：）

---

您好：）

在这么小的函数上不需要jQuery

试试看

<script type="text/javascript">
    var pos = 0;

    window.setInterval(function(){
      pos++;
      document.getElementsByClassName('clouds')[0].style.backgroundPosition = pos + "px 0px";
    }, 50);
</script>

var-pos=0；
setInterval（函数（）{
pos++；
document.getElementsByClassName（'clouds'）[0].style.backgroundPosition=pos+“px 0px”；
}, 50);

---

调出：

getElementsByClassName（'clouds'）[0]。style

用于

getElementById（'clouds'）。style

或者我可以简单地将它附加到主体：

body。style

就可以了

谢谢davo，我应该把它放在我的html标签里吗？我还把它放在我的头标签上，然后放在hmmm里面。。有点不对劲。。。你能看一下吗？你必须用backgroundPosition来代替background-position。是的@Mic，没错。我稍微修改了他的代码。你能在这里仔细检查一下吗：嘿@Mic，我让它工作了。但另一个问题是，我如何才能使它顺利进行？就像这一个：你可以在这里看到你的代码：它正在工作。非常感谢。请看这里：您可以使用重复时间窗口的值。setInterval（…，80）；移动bg函数pos*xGreat中更改的距离！它现在真的起作用了！我把它调整到500，我没有意识到值越低，速度越快。哈哈，不管怎样，谢谢你的帮助@mic.no problem:）你可以用这两个值来表示不同的速度层，就像你的例子一样。

<script type="text/javascript">
    var pos = 0;

    window.setInterval(function(){
      pos++;
      document.getElementsByClassName('clouds')[0].style.backgroundPosition = pos + "px 0px";
    }, 50);
</script>