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...