jQuery vaikutus - fadeIn() menetelmä

Esimerkki

Näytä piilotettu <p>-elementti peittymisvaikutuksella:

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

Kokeile itse

Määrittely ja käyttö

fadeIn() -menetelmä käyttää peittymisvaikutusta näyttääksesi valitut elementit, jos ne ovat piilotettuja.

Syntaksi

$(selector).fadeIn(speed,callback)
Parametrit Kuvaus
speed

Valinnainen. Määritä elementin piilosta näkyvyyteen muuttuvan nopeus. Oletusarvo on "normal".

Mahdolliset arvot:

  • Millisekuntia (esim. 1500)
  • "slow"
  • "normal"
  • "fast"

Asetettaessa nopeutta, elementti muuttaa peittävyyttään vähitellen piilosta näkyvään, mikä luo peittymisvaikutuksen.

callback

Valinnainen。Toiminto, joka suoritetaan fadeIn-funktion suorittamisen jälkeen.

Lisätietoja callbackista löydät osoitteesta "jQuery Callback".

Ei voi asettaa parametria, ellei nopeusparametria ole asetettu.

Vinkit ja huomautukset

Vinkki:Jos elementti on jo näkyvissä, vaikutus ei aiheuta muutoksia, ellei ole määritelty paluutoimintoa.

Huomautus:Tämä vaikutus sopii jQuery:n piilottamiin elementteihin tai CSS:ssä määriteltyihin display:none -elementteihin (ei kuitenkaan visibility:hidden -elementteihin).

Lisää esimerkkejä

Käytä nopeusparametria
Käytä nopeusparametria peittääksesi tai paljastaaksesi elementtejä.