15/05/2008, 21:56
|
| | 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> |