jQuery Effekt - fadeIn() metode

Eksempel

Brug indfaldseffekten til at vise et skjult <p> element:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Prøv det selv

Definition og brug

fadeIn() metoden bruger en indfaldseffekt til at vise valgte elementer, hvis de er skjult.

Syntaks

$(selector).fadeIn(speed,callback)
Parameter Beskrivelse
speed

Valgfri. Angiv hastigheden for elementets skjult til synlig overgang. Standard er "normal".

Mögliche værdier:

  • Millisekunder (f.eks. 1500)
  • "slow"
  • "normal"
  • "fast"

Ved at indstille hastighed vil elementet gradvist ændre sin gennemskinnelighed under processen fra skjult til synlig (dette skaber en indfaldseffekt).

callback

Valgfri. Funktion, der skal udføres efter fadeIn-funktionen.

For at lære mere om callback, besøg vores kapitel om jQuery Callback.

Parameteren kan ikke indstilles, medmindre speed parameteren er sat.

Tip og bemærkninger

Tip:Hvis elementet allerede er synligt, vil effekten ikke forårsage nogen ændring, medmindre callback-funktionen er specificeret.

Bemærk:Effekten gælder for elementer, der er skjult med jQuery, eller elementer, der er deklarerede med display:none i CSS (men ikke for elementer med visibility:hidden).

Flere eksempler

Brug speed parameter
Brug speed parameter til at justere ind- eller udvisning af elementer.