私は正常にfish1とfish2を画面上で動かしましたが、私は魚を右から左に動かす方法を考え出すのが苦労しています。左に向いているのを見て、私はそれを逆流させたくありません。どんな助けや助言も大歓迎です!画像を右から左にブラウザを横切って水平に移動するにはどうすればよいですか?
<!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 Tanks</title>
<script type="text/javascript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
var fish1Position = 0;
var fish2Position = 0;
var fish3Position = 99;
var horizontal = [];
var fillPosition = 10;
var num = 100;
for(var i = 0; i < 100; ++i) {
horizontal[i] = fillPosition;
fillPosition += 10;
}
function fish1Swim() {
document.getElementById("fish1").style.left = horizontal[fish1Position] + "px";
++fish1Position;
if (fish1Position == num) {
fish1Position = 0;
}
var tim1 = setTimeout(fish1Swim, 100);
}
function fish2Swim(){
document.getElementById("fish2").style.left = horizontal[fish2Position] + "px";
++fish2Position;
if (fish2Position == num) {
fish2Position = 0;
}
var tim2 = setTimeout(fish2Swim, 200);
}
function fish3Swim() {
document.getElementById("fish3").style.left = horizontal[fish3Position] + "px";
++fish3Position;
if (fish3Position == num) {
fish3Position = 99;
}
var tim3 = setTimeout(fish3Swim, 300);
}
function startSwimming() {
fish1Swim();
fish2Swim();
fish3Swim();
}
// 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>
<br />
<br />
<br />
<br />
<p><span id="fish3" style="position:absolute; left:10px; top:100px"><img src="fish3.gif" alt="Image of a fish" /></span></p>
<br />
<br />
<br />
<br />
<p><span id="fish2" style="position:absolute; left:10px; top 150px"><img src="fish2.gif" alt="Image of a fish" /></span></p>
</body>
</html>
ありがとうございます!もちろん、ソリューションは単純なものでなければなりませんでした。あなたの助けに感謝。 – Justin
まあ、それはちょうど良い左に移動しますが、fish3画像は停止し、他のものと同じようにリセットされません。 – Justin
@ジャスティン:それは正しいです、それが '0'であるかどうかをチェックしてから' 99'に戻す必要があります。だから 'fish3Postion == 0'。 – pimvdb