jQuery fadeIn()- methode
Voorbeeld
Infaden van alle <p> elementen:
$("button").click(function(){
$("p").fadeIn();
});
Definitie en gebruik
De methode fadeIn() verandert geleidelijk de dekking, voor geselecteerde elementen, van verborgen naar zichtbaar (vervagingseffect).
Opmerking : Verborgen elementen worden helemaal niet weergegeven (heeft geen invloed meer op de lay-out van de pagina).
Tip: Deze methode wordt vaak gebruikt in combinatie met de fadeOut() methode.
Syntaxis
$(selector).fadeIn(speed,easing,callback)
Parameter | Description |
---|---|
speed | Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds Possible values:
|
easing | Optional. Specifies the speed of the element in different points of the animation. Default value is "swing" Possible values:
|
callback | Optional. A function to be executed after the fadeIn() method is completed
To learn more about callback, visit our jQuery Callback chapter |
Probeer het zelf - Voorbeelden
gebruiken Hoe de snelheidsparameter te gebruiken om de snelheid van het vervagingseffect te specificeren.
gebruiken Hoe de callback-parameter te gebruiken bij het in- en uitfaden van een element.