Cu jQuery puteți estompa elemente în și din vizibilitate.
Click to fade in / out panoul
Pentru că timpul este valoros, putem livra de învățare rapidă și ușoară.
La w3ii , puteți studia tot ce ai nevoie pentru a învăța, într - un format accesibil și la îndemână.
Exemple
jQuery fadeIn()
Demonstrează jQuery fadeIn() metoda.
jQuery fadeOut()
Demonstrează jQuery fadeOut() metoda.
jQuery fadeToggle()
Demonstrează jQuery fadeToggle() metoda.
jQuery fadeTo()
Demonstrează jQuery fadeTo() metoda.
jQuery fading Metode
Cu jQuery puteți estompa un element și în afară de vizibilitate.
jQuery are următoarele metode se estompeze:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() Metoda
JQuery fadeIn() Metoda este utilizată pentru a se estompeze într - un element ascuns.
Syntax:
$( selector ) . fadeIn( speed,callback ) ;Parametrul opțional de viteză specifică durata efectului. Se poate lua următoarele valori: "slow", "fast" , sau milisecunde.
Parametrul de apel invers opțional este o funcție pentru a fi executat după ce se termină fadingul.
Următorul exemplu demonstrează fadeIn() metoda cu diferiți parametri:
Exemplu
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Încearcă - l singur » jQuery fadeOut() Metoda
JQuery fadeOut() Metoda este utilizată pentru a dispărea un element vizibil.
Syntax:
$( Parametrul opțional de viteză specifică durata efectului. Se poate lua următoarele valori: "slow", "fast" , sau milisecunde. Parametrul de apel invers opțional este o funcție pentru a fi executat după ce se termină fadingul.
Următorul exemplu demonstrează fadeOut() metoda cu diferiți parametri:
Exemplu
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Încearcă - l singur »
jQuery fadeToggle() Metoda
JQuery fadeToggle() metoda comutã între fadeIn() și fadeOut() metode.
În cazul în care elementele sunt șterse afară, fadeToggle() le va dispărea în.
În cazul în care elementele sunt estompate în, fadeToggle() le va dispărea.
Syntax:
$( Parametrul opțional de viteză specifică durata efectului. Se poate lua următoarele valori: "slow", "fast" , sau milisecunde. Parametrul de apel invers opțional este o funcție pentru a fi executat după ce se termină fadingul.
Următorul exemplu demonstrează fadeToggle() metoda cu diferiți parametri:
Exemplu
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Încearcă - l singur »
jQuery fadeTo() Metoda
JQuery fadeTo() Metoda permite decolorare la o anumită opacitate (value between 0 and 1) .
Syntax:
$( selector ) . fadeTo( speed,opacity,callback ) ; Parametrul de viteză necesară specifică durata efectului. Se poate lua următoarele valori: "slow", "fast" , sau milisecunde.
Parametrul opacitate necesară în fadeTo() metoda specifică decolorare la o anumită opacitate (value between 0 and 1) .
Parametrul de apel invers opțional este o funcție pentru a fi executat după ce se termină funcția.
Următorul exemplu demonstrează fadeTo() metoda cu diferiți parametri:
Exemplu
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); Încearcă - l singur »
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 »
jQuery Efecte de referință
Pentru o prezentare completă a tuturor efectelor jQuery, vă rugăm să mergeți la noastre jQuery Efect de referință .