Fatal编程技术网

Javascript 动画鱼缸

javascript

Javascript 动画鱼缸,javascript,Javascript,我正在制作这个动画鱼缸，我有一条鱼要动，我就是不明白为什么另外两条鱼不动。如果有人能给我一个提示，告诉我我可能在哪里搞砸了，或者一个网站可能会帮助我。我一直在到处寻找，在这条活生生的鱼身上什么也找不到。谢谢 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3

我正在制作这个动画鱼缸，我有一条鱼要动，我就是不明白为什么另外两条鱼不动。如果有人能给我一个提示，告诉我我可能在哪里搞砸了，或者一个网站可能会帮助我。我一直在到处寻找，在这条活生生的鱼身上什么也找不到。谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fish tank</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
var fish1Position = 0;
horizontal = new Array(50);
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);
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->

 </script>
 </head>
 <body onload="startSwimming();">
 <p><span id="fish1" style=
 "position:absolute; left:10px; top:10px"><img src="fish1.gif" alt="Image of a fish"   /></span></p>
<p><span id="fish2" style=
"position:absolute; righy:10px; top:120px"><img src="fish2.gif" alt="Image of a fish" /></span></p>
<p><span id="fish3" style=
"position:absolute; left:10px; top:220px"><img src="fish3.gif" alt="Image of a fish" /></span></p>


 </body>
 </html>


鱼缸
我不知道如何让另外两条鱼继续前进。有没有人有网站或什么东西可以解释给我听

如果我错了，请原谅，但看起来你只是在脚本中设置了鱼的动画1

你需要有一个fish2Swim和fish3Swim；更好的方法是使用一个名为fishSwim的函数，在该函数中传递所讨论的鱼的数量

我会做这样的事情：

function fishSwim(fishNumber) {
document.getElementById("fish"+fishNumber).style.left = horizontal[fishPos[fishNumber] + "px";
++fishPos[fishNumber];
if (fishPos[fishNumber] == 49)
        fishPos[fishNumber] = 0;
}
因此，您需要创建一个鱼群位置数组（称为“fishPos”，其中索引将是鱼群的数量。请随时询问我有关此问题的更多信息：）

如果我错了，请原谅，但看起来您只是在脚本中设置了fish1的动画

你需要有一个fish2Swim和fish3Swim；更好的方法是使用一个名为fishSwim的函数，在该函数中传递所讨论的鱼的数量

我会做这样的事情：

function fishSwim(fishNumber) {
document.getElementById("fish"+fishNumber).style.left = horizontal[fishPos[fishNumber] + "px";
++fishPos[fishNumber];
if (fishPos[fishNumber] == 49)
        fishPos[fishNumber] = 0;
}
因此，您需要创建一个鱼群位置数组（称为“fishPos”，其中索引将是鱼群的数量。请随时询问我有关此的更多信息：）

什么是righy？[填充15个字符]好的，我修复了它，我让它回到左边，只需切换2和3，请替换
setInterval（“fish1Swim（）”，100）具有
设置间隔（fish1Swim，100）-使用
eval
-样式的参数是非常不鼓励的。“alt=”鱼的图像“？去读什么是正确的？[填充15个字符]好的，我修复了它，我让它回到左边，只需切换2和3，请用
设置间隔（“fish1Swim（）”，100）；
替换为
设置间隔（fish1Swim，100）使用
eval
-风格的参数是非常不鼓励的。“alt=”鱼的图像“？Go read我编辑了我的问题，其中包含了一个代码片段，可能对youvar fishSwim=new Array fish[0]=fish1.jpg fish[1]=fish2.jpg fish[2]=fish3.jpg有帮助，然后执行该函数吗？或者我错了吗？我正在学习的那本书是javascript，这一章是动态HTML（DHTML），在我的书中没有解释如何做到这一点。我对此感到迷茫和困惑，所以我尝试了所有我知道如何使用的方法，但鱼仍然没有游动。我编辑了我的问题，加入了一个代码片段，这可能对youvar fishSwim=new Array fish[0]=fish1.jpg fish[1]=fish2.jpg fish[2]=fish3.jpg有帮助，然后执行该功能？或者我错了吗？我正在学习的那本书是javascript，这一章是动态HTML（DHTML），在我的书中没有解释如何做到这一点。我是如此的迷茫和困惑，以至于我尝试了所有我知道如何使用的东西，而鱼仍然没有游动。