<HTML> <HEAD> <TITLE>Swimming Fish</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <LAYER NAME="bluepole" LEFT=160 TOP=150> <IMG SRC=images/bluepole.gif> </LAYER> <LAYER NAME="greenpole" LEFT=360 TOP=150> <IMG SRC=images/greenpol.gif> </LAYER> <LAYER NAME="redpole" LEFT=260 TOP=150> <IMG SRC=images/redpole.gif> </LAYER> <LAYER NAME="fish" LEFT=40 TOP=170 ABOVE="redpole"> <IMG SRC=images/fish1.gif > </LAYER> <SCRIPT> <!-- Simple move function --> function movefish() { var fish = document.layers["fish"]; if (fish.left < 400) { fish.offset(5, 0);} else {fish.left = 10;} setTimeout("movefish()", 10); return; } </SCRIPT> <H1>Fish Example 1</H1> <FORM> <INPUT type=button value="Move the fish" OnClick="movefish(); return false;"> </FORM> </BODY> </HTML>