Manuale jQuery

Il metodo fadeTo() cambia gradualmente  di un elemento ad una determinata soglia di trasparenza.

Sintassi

$(selector).fadeTo(speed,opacity,easing,callback)

• Speed: Facoltativo. Specifica la velocità dell'animazione. Il valore di default è 400 millisecondi. Valori ammessi:
• • N° millisecondi
  • "slow"
  • "fast"
• Opacity: obbligatorio. Specifica l'opacità finale. Deve essere un numero compreso tra 0,00 e 1,00
• Easing: Specifica la velocità dell'elemento in diversi punti dell'animazione. Valori ammessi:
• • " Swing" - si muove più lentamente all'inizio e alla fine, e più velocemente nel mezzo
  • " Lineare" - muove a velocità costante
• Callback: opzionale, una funzione che può essere lanciata alla fine dell’animazione.

Esempio

<script>
$(document).ready(function(){
	$("div").click(function(){
		$("div").fadeTo(1000, 0.2);
	});
});
</script>
<div style="width:200px; height:200px; background-color:red"></div>

Esempio con callback

<script>
$(document).ready(function(){
	$("div").click(function(){
		$("div").fadeTo(100, 0.2,  function(){
			$("div").fadeTo(2000,  1);
		});
	});
});
</script>
<div style="width:200px; height:200px; background-color:red"></div>