.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>
0 Comment