7 Animaties en effecten

Met animate() kan u bijna elke CSS-eigenschap dynamisch wijzigen. animate() wijzigt binnen een bepaalde tijdspanne één of meerdere CSS-eigenschappen van waarde a naar waarde b. Bijvoorbeeld: wijzig de breedte en de dekking van een afbeelding van 100% naar 20% over een tijdspanne van 3 seconden, wordt: $('img').animate({width: '20%', opacity: .2},3000);

Om het u nog makkelijker te maken, zijn een drietal veel gebruikte animaties gebundeld in een eigen methode. Deze methodes noemt men in jQuery effecten.

Verder kan u verschillende animaties/effecten met elkaar combineren. Ofwel lopen deze animaties simultaan ofwel sequentieel (in queue). In een sequentiële animatie kan u eventueel nog pauzes inlassen.

Verder bespreken we nog enkele methodes om de animatie te stoppen en om terug te keren naar de initiële toestand.

Een volledig overzicht van alle animaties/effecten vindt u op: http://api.jquery.com/category/effects/