Animaci贸n en javascript
Vistor
08 de Junio del 2006
Vuelvo a acudir a este foro que tantas veces me ha ayudado.
Estoy experimentando un poco con javascript. Lo que me gustar铆a hacer ahora es una animaci贸n en plan "sencillo" con javascript.
Con eso de sencillo me refiero que tan s贸lo quiero dibujar una capa en medio de la pantalla y que al cargar la p谩gina se mueva un poco hacia la derechas.
He creado un ejemplo muy sencillo con la funci贸n setTimeout pero no va bien:
[font color="#0000FF"]<html>
<head>
<style>
#capa{
position:absolute;
left:10px;
top:10px;
width:50px;
height:50px;
border:solid;
}
</style>
<script Language="javascript">
function posicio(int(lloc))
{
document.getElementById("capa").style.left=lloc+"px";
lloc=lloc+1;
if(lloc!=800)
setTimeout("posicio(lloc)",10);
}
</script>
</head>
<body onLoad=posicio(50)>
<div id="capa">Capa1</div>
</body>
</html>[/font]
Al ejecutar el programa me dice que lloc no est谩 definido.
De todas formas, aunque esto funcionara correctamente, creo que la animaci贸n no se ver铆a, puesto que s贸lo mostrar铆a el estado inicial y el final pero no el trayecto.
En fin, alguien me podr铆a gu铆ar sobre como hacer una animaci贸n en javascript?
S贸lo quiero hacer ese movimiento (u otro que sea igual de sencillo) despu茅s ya le echar茅 yo imaginaci贸n para hacer algo interesante.
Muchas gracias por adelantado.
Estoy experimentando un poco con javascript. Lo que me gustar铆a hacer ahora es una animaci贸n en plan "sencillo" con javascript.
Con eso de sencillo me refiero que tan s贸lo quiero dibujar una capa en medio de la pantalla y que al cargar la p谩gina se mueva un poco hacia la derechas.
He creado un ejemplo muy sencillo con la funci贸n setTimeout pero no va bien:
[font color="#0000FF"]<html>
<head>
<style>
#capa{
position:absolute;
left:10px;
top:10px;
width:50px;
height:50px;
border:solid;
}
</style>
<script Language="javascript">
function posicio(int(lloc))
{
document.getElementById("capa").style.left=lloc+"px";
lloc=lloc+1;
if(lloc!=800)
setTimeout("posicio(lloc)",10);
}
</script>
</head>
<body onLoad=posicio(50)>
<div id="capa">Capa1</div>
</body>
</html>[/font]
Al ejecutar el programa me dice que lloc no est谩 definido.
De todas formas, aunque esto funcionara correctamente, creo que la animaci贸n no se ver铆a, puesto que s贸lo mostrar铆a el estado inicial y el final pero no el trayecto.
En fin, alguien me podr铆a gu铆ar sobre como hacer una animaci贸n en javascript?
S贸lo quiero hacer ese movimiento (u otro que sea igual de sencillo) despu茅s ya le echar茅 yo imaginaci贸n para hacer algo interesante.
Muchas gracias por adelantado.