使用JavaScript的GIF图像位置动画

我正试图用我的代码使用JavaScript更改图像位置，但由于某些原因，它不起作用。有人能解释一下原因吗

var walk，iswavesprowned=true；
var walkers=[]；
函数start（）
{
walk=document.getElementById（“walk”）；
draw（）；//动画函数
}
函数绘图（）
{
if（iswavesprowned）//生成一个由5个“Walker”组成的波浪
{
iswavesprowned=false；
对于（var i=0；i<5；i++
推（新的createWalker（））；
}
对于（var o=0；o

---

首先，让我们修改克隆gif的方式-去掉这一行：

this.image = walk.cloneNode(false);

walkers[o].image.style.left = walkers[o].x;

并插入以下内容：

this.image = document.createElement("img");

这将创建一个新的空HTML图像元素

现在将gif的源指定给它的.src属性：

this.image.src=document.getElementById("walk").src;

并将CSS position属性设置为绝对：

this.image.style="position:absolute;";

最后，使用以下方法将此新图像元素添加到主体中：

document.body.appendChild(this.image);

如果你跑了，你仍然看不到任何移动，因为还有一些小的修正要做

找到这一行：

this.image = walk.cloneNode(false);

walkers[o].image.style.left = walkers[o].x;

并将其更改为：

walkers[o].image.style.left = walkers[o].x + "px";

var walk，iswavesprowned=true；
var walkers=[]；
函数start（）{
walk=document.getElementById（“walk”）；
draw（）；//动画函数
}
函数绘图（）{
if（iswavesprowned）//生成一个由5个“Walker”组成的波浪
{
iswavesprowned=false；
对于（变量i=0；i<5；i++）
推（新的createWalker（））；
}
对于（var o=0；o

---

您是否可以编辑您的问题，并使用stackoverflow的HTML/CSS/Javascript片段，而不是粘贴文件内容，以便我们轻松地尝试和复制您的代码。