Spostare elemento da sinistra a destra

**0-c00l** · 08-09-2011, 16:06

Salve, ho la necessità di far in modo che un elemento (un div con background un immagine) si sposti da sinistra a destra fino a raggiungere 900px su margin-left, ho usato questo codice ma manda subito il callback:

codice:

<html>
<head>
<title>Test animazione</title>
<script type="text/javascript" src="http://www.html.it/guide/esempi/jquery/esempi/jquery-1.3.2.js"></script>
<script type="text/javascript">

function test_animate () {
	$("#pacman").animate({
		"margin-left" : "+=900px"
		},
		"fast",
		"linear",
		function () {
			alert("Animazione conclusa!");
		}
	);
}

</script>
</head>
<body onLoad="test_animate();">
<div id="pacman" style="background: url(pacman.gif); width: 32px; height: 32px; margin-left: 0px;"></div>
</body>
</html>

Come devo modificare? Grazie in anticipo.

**KillerWorm** · 08-09-2011, 23:41

Ciao, prova a scaricare l'ultima versione di jquery e utilizza quella. Dovrebbe risolverti il problema.

EDIT: funziona anche con la versione indicata nel tuo script ma devi utilizzare "marginLeft" anziché "margin-left"

**0-c00l** · 09-09-2011, 14:50

Ok grazie mille, ho notato che però anche settando slow va troppo veloce l' animazione, quindi al posto di slow si può inserire un numero che indica i millisecondi dell'animazione?

**KillerWorm** · 09-09-2011, 15:03

Nessun problema.
Sì, puoi indicare un valore numerico tenendo conto che è espresso in millisecondi.
Prova ad esempio 3000 o 4000.

**0-c00l** · 09-09-2011, 20:06

Grazie mille

Discussione: Spostare elemento da sinistra a destra

Strumenti discussione

Ricerca discussione

Visualizza

Spostare elemento da sinistra a destra

Permessi di invio