viernes, 12 de julio de 2013

Pelota rebotando


Copiar codigo de abajo en un TXT y ejecutarlo en tu explorador
 (Tb puedes guardarlo como .html )


<html>
<head>
<script language="javascript">

var vx=5;
var vy=2;

function mover()
{
povx = parseInt(bola.style.left);
povy = parseInt(bola.style.top);

povx = povx + vx;
povy = povy + vy;

if((povx>585)||(povx<15)) vx=-vx;
if((povy>590)||(povy<10)) vy=-vy;

bola.style.left = povx;
bola.style.top = povy;

setTimeout("mover()", 10);
}
</script>

</head>

<body onLoad="mover()">

    <div style="background-color:#09F; width:600px; height:600px"
    <img src="http://img850.imageshack.us/img850/9646/z8f.gif" id="bola" name="bola" style="position:absolute; top:20px; left:100px">
    </div>
</body>
</html>

No hay comentarios:

Publicar un comentario