Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/05/2008, 21:56
rossz
 
Fecha de Ingreso: abril-2008
Mensajes: 20
Antigüedad: 16 años, 7 meses
Puntos: 0
Imagen en movimiento

Hola, este codigo es para mover una imagen (pescado) atraves de la pantalla, pero este traspasa la pantalla, lo que quiero es que la imagen llegue a un punto en la pantalla y luego se devuelva a su sitio inicial, si me pudieran ayudar. Mil Gracias

Codigo:

<html>
<head>

<style>

.moveimage
{
position:absolute;
left:20; top:50;
z-index:2;
}

</style>
<script language="JavaScript">


var fishLeft = 20;
var imgWidth = 106;

function moveFish()
{
var elem = document.getElementById("myDiv");
fishLeft+=4;
if(fishLeft > document.body.clientWidth + (imgWidth / 2))
fishLeft = imgWidth / 2;

elem.style.left = fishLeft;
window.status= fishLeft ;
setTimeout("moveFish()", 100);
}

</script>
<title></title>
</head>
<body>

<br>
<div id="myDiv" class="moveImage"><img src="fish1.gif"></div>
<br><br><br><br><br><br><br><br><br>

<input type="button" value="Move Fish" onClick="moveFish()" ID="Button1" NAME="Button1">


</body>
</html>