如何在JavaScript中移动多个对象?

如何在JavaScript中移动多个对象?,javascript,Javascript,如何调用函数使3条鱼移动?这就是我所拥有的: var fillPosition = 10; for(var i = 0; i < 50; ++i) { horizontal[i] = fillPosition; fillPosition += 10; } function fish1Swim() { document.getElementById("fish1").style.left = horizontal[fish1Position] + "px";

如何调用函数使3条鱼移动?这就是我所拥有的:

var fillPosition = 10;
for(var i = 0; i < 50; ++i) {
    horizontal[i] = fillPosition;
    fillPosition += 10;
}
function fish1Swim() {
    document.getElementById("fish1").style.left = horizontal[fish1Position] + "px";
    ++fish1Position;
    if (fish1Position == 49)
            fish1Position = 0;
}
 function startSwimming() {
    setInterval(fish1Swim, 100);
}
var-fillPosition=10;
对于(变量i=0;i<50;++i){
水平[i]=填充位置;
填充位置+=10;
}
函数fish1Swim(){
document.getElementById(“fish1”).style.left=水平[fish1Position]+“px”;
++鱼位;
如果(fish1Position==49)
Fish1位置=0;
}
函数startSwimming(){
设定间隔(fish1Swim,100);
}

我想我应该给每一条鱼都打上烙印,但我真的不明白

不要重新发明轮子,请在此处使用JavaScript动画库之一:


在这里阅读js动画教程:

简单的解决方法:使用js动画库我读了一些东西,但仍然不理解,请在Teoman Soygul发布的框架上尝试教程。它们非常基本上面的链接似乎没有提到jQuery的动画…它应该!