[JQUERY] [metodo] .fadeIn()

.fadeIn() (metodo jQuery) nasconde l’Elemento selezionato, intervenendo sull’opacità.

Sintassi

$("selettore").fadeIn("velocità[facoltativo]", "modalità[facoltativo]", function(){[codice]}[facoltativo]););
parametro descrizione
velocità Specifica la velocità di esecuzione. 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 attiva il metodo

Esempi

$("#fadeIn").click(function(){
  $("#mioDiv").fadeIn("slow");
});
$("#fadeOut").click(function(){
  $("#mioDiv").fadeOut("slow");
});
$("#fadeToggle").click(function(){
  $("#mioDiv").fadeToggle("slow");
});
$("#fadeTo").click(function(){
  $("#mioDiv").fadeTo("slow", 0.5);
});
$("#fadeTo2").click(function(){
  $("#mioDiv").fadeTo("slow", 1);
});
<div id="mioDiv">Contenuto del div</div>
<button id="fadeIn">fadeIn</button>
<button id="fadeOut">fadeOut</button>
<button id="fadeToggle">fadeToggle</button>
<button id="fadeTo">fadeTo (-50%)</button>
<button id="fadeTo2">fadeTo (100%)</button>

Contenuti correlati

Fonti esterne

jquery, metodi jquery

Related Articles

0 Comment

Rispondi