动画鱼缸

我正在研究这个动画鱼缸我得到了其中一条鱼移动我只是无法弄清楚为什么其他2没有移动。如果有人可以给我一个暗示我可能会搞砸的地方或一个可能帮助我的网站。我一直在找遍，在这条动画鱼上找不到任何东西。由于动画鱼缸

<!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>

我不知道如何得到其他两种鱼会没有任何人有一个网站或东西，将它解释给我听

来源

2011-04-19 norris1023

whats righy？ [填充15个字符] – 2011-04-19 22:58:43

好吧我修好了它，我让它回到左边，只需切换2和3左右 – norris1023 2011-04-19 23:01:26

请用'setInterval（fish1Swim，100）替换'setInterval（“fish1Swim（）”，100） ;' - 使用''eval''类型的参数**非常令人沮丧**。 – ThiefMaster 2011-04-19 23:10:27

原谅我，如果我错了，但它看起来像你'只在你的剧本中动画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”里的指标将是鱼的数量随意问我什么更多关于这个:)

来源

2011-04-19 23:00:27

这就是在哪里，如果和其他玩法正确吗？ – norris1023 2011-04-19 23:05:15

我编辑了我的问题，包括一个可能对你有帮助的代码片段 – 2011-04-21 16:46:53

var fishSwim = new Array fish [0] = fish1.jpg fish [1] = fish2.jpg fish [2] = fish3.jpg然后执行此功能？或者我错了 – norris1023 2011-04-21 17:11:02

回答

相关问题