Section courante

A propos

Section administrative du site

animate

 jQuery
JavaScript Version 1.0+

Syntaxe

.animate(properties [, duration] [, easing] [, complete]); Version 1.0+
.animate(properties, options); Version 1.0+

Paramètres

Nom Description
properties Ce paramètre permet d'indiquer un objet de propriété CSS et les valeurs que l'animation doit déplacer.
duration Ce paramètre permet d'indiquer une chaîne de caractères ou un nombre déterminant combien doit durée l'animation.
easing Ce paramètre permet d'indiquer la chaîne de caractères du nom de la fonction d'assouplissement pour la translation.
complete Ce paramètre permet d'indiquer la fonction d'appeler lorsque l'animation est terminé.
options Ce paramètre permet d'indiquer les options d'animation :
Options Description
duration Cette option permet d'indiquer une chaîne de caractères ou un nombre déterminant combien doit durée l'animation.
easing Cette option permet d'indiquer la chaîne de caractères du nom de la fonction d'assouplissement pour la translation.
queue Cette option permet d'indiquer s'il faut placer l'animation dans une file d'attente d'effet spécifié.
... ...

Description

Cette méthode permet d'effectuer un traitement d'animation utilisateur à un ensemble de propriété CSS.

Exemple

L'exemple suivant permet de forcer à remonter en haut de la page Web :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  5. </head>
  6. <body>
  7. <script>
  8. jQuery( 'html, body' ).animate( { scrollTop: 0 }, 'fast' );
  9. </script>
  10. </body>
  11. </html>

Dernière mise à jour : Vendredi, le 30 octobre 2015