Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/11/2008, 13:07
Avatar de Un_Tico
Un_Tico
 
Fecha de Ingreso: julio-2008
Ubicación: Cartago, Costa Rica
Mensajes: 176
Antigüedad: 16 años, 4 meses
Puntos: 4
Delay animation jquery

Hola a todos,

tengo una pregunta, tengo un div que contiene a otro, este segundo se anima para que avance hacia la derecha en N segundos, la animación es fácil de hacer, pero lo que necesito es hacer que la animación empiece por ejemplo uno en 1 minuto, otro en 1 segundos y así como va, aquí les pongo lo que llevo


Código HTML:
<body>
<div style="width:500px;height:20px;background:#999900;margin-left:100px" id="trayecto">
<div style="width:20px;height:20px;background:#666666;margin-left:30%;" id="helicopter">
</div> 
así se animan todos apenas carga la pagina
Código:
$(document).ready(function(){
	$("#helicopter").animate({marginLeft:"100%"},3000);
});

Así se animan 10 segundos despues
Código:
function anima(){
	$("#helicopter").animate({marginLeft:"100%"},3000);
}
$(document).ready(function(){
	setTimeout("anima()",10000);	
});
En resumen necesito que las animaciones empiecen en tiempos distintos dándoles un delay, espero que me haya explicado bien.

Saludos...