Javascript 加载时的背景位置增量效应

我想在我的页面上创建效果。我有一个云图像。页面加载时，背景中的云图像应移动

<img src="bg.jpg" alt="bg">

---

如何使用JavaScript backgroundPosition创建此效果？

您不需要JavaScript，实际上可以仅使用CSS3来实现，下面是一个示例，您可以根据需要更改参数：

@关键帧位置{ 从{ 背景位置：0px 0px； } 到{ 背景位置：65px 0px； } } 身体{ 背景图片：url'http://images.clipartpanda.com/white-clouds-png-white-cloud-clipart-png-179.jpg'; 背景重复：重复； 背景尺寸：65px 60px； 动画持续时间：3s； 动画计时功能：线性； 动画名称：bgPosition； 动画迭代次数：无限； }

---

首先，您必须包括插件的引用：

您可以参考插件了解更多选项

---

看，我希望它对你有用，谢谢你迄今为止所做的尝试？？我正在创建一个页面。在背景中，我想云应该移动。我需要javascript代码来使用javascript而不是纯js来移动云图片参考这个jQuery插件你能解释一下吗

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqlouds/0.2.3/jquery.jqlouds.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqlouds/0.2.3/jquery.jqlouds.min.js"></script>

<div id="sky" style="height:400px; background-color: blue;">

</div>

$('#sky').jQlouds({
  minClouds: 8, // minimum amount of clouds
  maxClouds: 10, // maximum amount of clouds
  wind: true,
});