Animazioni a ripetizione

Giacomo Torricelli

Nuovo Utente
25 Apr 2013
7
0
0
28
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
28
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:
 
Discussioni simili
Autore Titolo Forum Risposte Data
P [CERCO - RETRIBUITO] animazioni con videoscribe o simili Offerte e Richieste di Lavoro e/o Collaborazione 3
V animazioni flash Flash 0
GoshMaledetto animate() animazioni in sequenza jQuery 2
playmo le animazioni con jQuery RoyalSlider dentro WP a FireFox non piacciono, non capisco WordPress 0
P Layout a griglia fluida vs. animazioni flash HTML e CSS 0
D Animazioni - perchè torna nel suo stato iniziale??? HTML e CSS 2
B Animazioni form php PHP 3
B esportare animazioni da maya Windows e Software 1
I animazioni con js Javascript 0
N Animazioni scritte Flash 2
S Realizziamo siti internet, animazioni in flash, loghi, banner, header Offerte e Richieste di Lavoro e/o Collaborazione 0
B animazioni Bitmap con Flash mx 2004 versione6 Flash 3
S animazioni flash Flash 1
M link a diverse animazioni flash Javascript 2
D animazioni... Flash 3
L Flash e animazioni 3D Flash 1
M Come mettere animazioni flash su pagine create con front page... HTML e CSS 2
T possibile ke nn si visualizzino nè animazioni in flash nè gif animate? Windows e Software 2
M Come creare un menu con animazioni Javascript 1
M Aiuto Flash [animazioni] Flash 0
M Come creare animazioni e pubblicare siti Flash 2
M Script per decidere - visualizzare animazioni Classic ASP 0
R generazione numeri o lettere casuali senza ripetizione Javascript 0
V ripetizione di dati estratti MySql MySQL 0
D php estrazione random nomi e senza ripetizione PHP 14
D file batch con ripetizione comando ogni tot secondi Programmazione 6
L Ripetizione dell'elemento | Pagination PHP 15
SolidSnake4 Problemi ripetizione sfondo HTML e CSS 2
U ripetizione di estrazione da più db Classic ASP 3
P ripetizione bordo HTML e CSS 1

Discussioni simili