Animation avec jQuery
Animation avec jQuery
-
Objectifs
- Connaitre les méthodes d’animation en jquery
-
Présentation
- jQuery (http://jquery.com) fournit une gamme de méthodes d’animation en mode natif, sans l’utilisation de bibliothèques d’effets ou de plugins supplémentaires. Il existe cependant de nombreux plugins provenant de la communauté en ligne, y compris jQuery UI (http://jqueryui.com), la bibliothèque d’interface utilisateur officielle de jQuery, qui étend les capacités d’animation de jQuery.
- En mode natif, jQuery fournit des méthodes qui ajoutent un comportement de glissement et de décoloration avec une configuration minimale et qui fonctionnent sur plusieurs navigateurs.
- Il expose également les méthodes liées à la gestion de la file d’attente d’animation et fournit un moyen de créer des animations personnalisées qui fonctionnent sur presque tous les styles CSS numériques.
-
Les méthodes d’animation
- Ces méthodes sont répertoriées ici avec une description de chacune:
- Il est important de noter qu’il existe deux propriétés qui peuvent changer l’objet Global jQuery. Ceux-ci sont énumérés ci-dessous:
- Dans l’ensemble, cela nous donne un environnement puissant et robuste pour ajouter facilement presque n’importe quel type d’animation que nous pouvons concevoir.
- L’animation est également un thème populaire pour les plugins, avec de nombreux plugins disponibles qui apportent différents types d’animations à portée de main pour une implémentation instantanée avec une configuration minimale.
| Méthodes | Description |
|---|---|
| animate() | Il exécute une animation personnalisée d’un ensemble de propriétés CSS. |
| clearQueue() | Il supprime de la file d’attente tous les éléments qui n’ont pas encore été exécutés. |
| delay() | Il définit un temporisateur pour retarder l’exécution des éléments suivants dans la file d’attente. |
| dequeue() | Il exécute la fonction suivante dans la file d’attente pour les éléments appariés. |
| fadeIn() | Il affiche les éléments appariés en les atténuant en opaque. |
| fadeOut() | Il masque les éléments appariés en les atténuant en transparent. |
| fadeTo() | Il ajuste l’opacité des éléments appariés. |
| fadeToggle() | Il affiche ou masque les éléments appariés en animant leur opacity. |
| finish() | Il arrête l’animation en cours d’exécution, supprime toutes les animations en file d’attente et termine toutes les animations des éléments appariés. |
| hide() | Il masque les éléments correspondants. |
| queue() | Il montre la file d’attente des fonctions à exécuter sur les éléments correspondants. |
| show() | Il affiche les éléments correspondants. |
| slideDown() | Il affiche les éléments correspondants avec un mouvement coulissant. |
| slideToggle() | Il affiche ou masque les éléments correspondants avec un slidi ng motion. |
| slideUp() | Il masque les éléments correspondants avec un mouvement coulissant motion. |
| stop() | Il arrête l’animation en cours d’exécution sur les éléments correspondants. |
| toggle() | Il affiche ou masque les éléments correspondants. |
| Méthodes | Description |
|---|---|
| jQuery.fx.interval | il est le taux (en millisecondes) auquel les animations se déclenchent. |
| jQuery.fx.off | il désactive globalement toutes les animations. |
