[JQUERY] [metodo] .animate()

.animate() (metodo jQuery) modifica l’Elemento selezionato, attraverso un’animazione in base a nuovi valori css.

Sintassi

$("selettore").animate({"css"}, "velocità[facoltativo]", "modalità[facoltativo]", function(){[codice]}[facoltativo]);
parametro descrizione
css Proprietà e relativo valore da usare nell’animazione
velocità La velocità dell’effetto. Può avere i seguenti valori: slow, normal, fast, o numero esatto di millisecondi
modalità La modalità dell’effetto. Può avere i seguenti valori:
swing: velocità lenta all’inizio e alla fine dell’effetto ma veloce nel mezzo
linear: velocità costante durante tutto l’effetto
function La funzione da eseguire quando si verifica l’evento

Esempi

<script>
$("#animate1").click(function(){
  $("#mioDiv").animate({
    "width" : "+=50px",
    "height" : "+=50px",
    "borderWidth" : "4px"
    });
});
$("#animate2").click(function(){
  $("#mioDiv").animate({
    "width" : "-=50px",
    "height" : "-=50px",
    "borderWidth" : "1px"
    });
});
</script>
<div id="mioDiv">Contenuto del div</div>
<button id="animate1">animate1</button>
<button id="animate2">animate2</button>

Contenuti correlati

Fonti esterne

jquery, metodi jquery

Related Articles

0 Comment

Rispondi