jQuery vaikutus - fadeIn() menetelmä
Esimerkki
Näytä piilotettu <p>-elementti peittymisvaikutuksella:
$(".btn2").click(function(){ $("p").fadeIn(); });
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:
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ä.