Animazioni a ripetizione

Giacomo Torricelli

Nuovo Utente
25 Apr 2013
7
0
0
27
www.mumbleideas.it
Ciao a tutti,
vorrei fare un'animazione su una div molto semplice, prima si sposta a destra poi a sinistra solo che non capisco come mai non funziona... Cioè, fa la prima animazione verso destra ma poi non quella verso sinistra.
HTML:
<script>
	$(document).ready(function() {
        $("#clickLogin").click(function() {
            $("#moveMe").animate({left: '100px'}, function() {
				$("#moveMe").animate({left: '100px'});
			})
        });
    });
</script>
Qualcuno mi sa aiutare?
Grazie
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
I valori che setti nel secondo animate sono uguali al primo quindi non cambierà niente

edit: hai detto che dovrebbe spostarsi verso sinistra dopo quindi devi diminuire il valore di left
es.
Codice:
$(document).ready(function() {
        $("#clickLogin").click(function() {
            $("#moveMe").animate({left: '100px'}, function() {
				$("#moveMe").animate({left: '50px'});
 //diminuisci il valore più vuoi che vada verso sinistra, ad esempio se la sua posizione era di 0px e vuoi farlo tornare li metti 0
			})
        });
    });
 
Ultima modifica:

Giacomo Torricelli

Nuovo Utente
25 Apr 2013
7
0
0
27
www.mumbleideas.it
I valori che setti nel secondo animate sono uguali al primo quindi non cambierà niente

edit: hai detto che dovrebbe spostarsi verso sinistra dopo quindi devi diminuire il valore di left
es.
Codice:
$(document).ready(function() {
        $("#clickLogin").click(function() {
            $("#moveMe").animate({left: '100px'}, function() {
				$("#moveMe").animate({left: '50px'});
 //diminuisci il valore più vuoi che vada verso sinistra, ad esempio se la sua posizione era di 0px e vuoi farlo tornare li metti 0
			})
        });
    });
Ah perfetto, grazie mille..
Pensavo che il valore 50px nel left lo facesse spostare di altri x pixel verso destra dal punto in cui era nel momento in cui viene chiamata la funzione, non dal punto di origine dell'oggetto.

Grazie :fonzie: