Salut à tous,
Je souhaite créer une autoroute en javascript , j'ai donc réaliser 16 divs qui sont les lignes blanches.Ensuite, j'ai réaliser les animations suivantes:


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$("#a").animate({top:"100%"},1000);
$("#b").animate({top:"100%"},1000);
$("#c").animate({top:"100%"},1000);
$("#d").animate({top:"100%"},1000);
$("#e").animate({top:"100%"},1000);
$("#f").animate({top:"100%"},1000);
$("#g").animate({top:"100%"},1000);
$("#h").animate({top:"100%"},1000);
$("#i").animate({top:"100%"},1000);
$("#j").animate({top:"100%"},1000);
$("#k").animate({top:"100%"},1000);
$("#l").animate({top:"100%"},1000);
$("#m").animate({top:"100%"},1000);
$("#n").animate({top:"100%"},1000);
$("#o").animate({top:"100%"},1000);
$("#p").animate({top:"100%"},1000);
Mes lignes blanches descendent vers le bas , mais qu'une seule fois et moi je voudrait que le mouvement soit continu et que chaque div, après avoir terminé son animation, revienne à leur position initiale et ensuite réeffectue l'animation et ainsi de suite. Pour cela on m'a conseiller de faire une boucle et de redéfinir les propriétes css à la fin de l'animation pour que les divs reviennent à leurs positions initiales, mais je ne sais pas comment faire et comment m'y prendre .
Merci d'avance.