Con jQuery è possibile sfumare gli elementi dentro e fuori di visibilità.
Cliccare per fade in / out pannello
Perché il tempo è prezioso, noi forniamo l'apprendimento facile e veloce.
A w3ii , si può studiare tutto ciò che serve per imparare, in un formato accessibile e maneggevole.
Esempi
jQuery fadeIn()
Dimostra il jQuery fadeIn() metodo.
jQuery fadeOut()
Dimostra il jQuery fadeOut() metodo.
jQuery fadeToggle()
Dimostra il jQuery fadeToggle() metodo.
jQuery fadeTo()
Dimostra il jQuery fadeTo() metodo.
jQuery Metodi Dissolvenza
Con jQuery si può sbiadire un elemento dentro e fuori di visibilità.
jQuery ha i seguenti metodi di dissolvenza:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() Metodo
Il jQuery fadeIn() metodo viene utilizzato per sfumare in un elemento nascosto.
Sintassi:
$(selector).fadeIn(speed,callback);Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo la dissolvenza completa.
L'esempio seguente mostra la fadeIn() metodo con parametri diversi:
Esempio
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Prova tu stesso " jQuery fadeOut() Metodo
Il jQuery fadeOut() metodo viene utilizzato per sfumare un elemento visibile.
Sintassi:
$(selector).fadeOut(speed,callback);Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo la dissolvenza completa.
L'esempio seguente mostra la fadeOut() metodo con parametri diversi:
Esempio
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Prova tu stesso " jQuery fadeToggle() Metodo
Il jQuery fadeToggle() metodo alterna tra il fadeIn() e fadeOut() metodi.
Se gli elementi sono sbiaditi fuori, fadeToggle() li dissolvenza.
Se gli elementi sono sbiaditi in, fadeToggle() li fade out.
Sintassi:
$(selector).fadeToggle(speed,callback);Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo la dissolvenza completa.
L'esempio seguente mostra la fadeToggle() metodo con parametri diversi:
Esempio
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Prova tu stesso " jQuery fadeTo() Metodo
Il jQuery fadeTo() metodo consente dissolvenza a un dato opacità (valore compreso tra 0 e 1).
Sintassi:
$(selector).fadeTo(speed,opacity,callback);Il parametro velocità richiesta specifica la durata dell'effetto. Esso può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di opacità richiesta nel fadeTo() metodo specifica dissolvenza a un dato opacità (valore compreso tra 0 e 1).
Il parametro di callback facoltativa è una funzione da eseguire dopo la funzione di completamento.
L'esempio seguente mostra la fadeTo() metodo con parametri diversi:
Esempio
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); Prova tu stesso " Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 »
jQuery Effetti di riferimento
Per una panoramica completa di tutti gli effetti jQuery, si prega di visitare il nostro jQuery Effetto di riferimento .