Passer au contenu du forum

jQuery documentation, manuel en français

La documentation français de jquery

Partager

Recherche







Catégories

jQuery Mobile

animate()

Liste des paramètres acceptés :

animate(easing,callbakc,params,speed)

Fonction qui permet de créer vos propres animations. L'aspect clé de cette fonction est l'objet composé des propriétés de style sur lesquelles seront basées l'animation. Chaque paramètre de l'objet représente une propriété sur laquelle portera l'animation (exemple: "height","top", ou "opacity").
A noter que ces propriétés devront être spécifiées comme suit: marginLeft au lieu de margin-left par exemple.
La valeur associée à la clé indique comment la propriété sera animée. Si la valeur est un nombre, le style de la propriété passera de sa valeur actuelle à la valeur spécifiée. Si la valeur hide, show ou toogle est spécifiée, une animation par défaut sera construite pour cette propriété.

Paramètres:

  • easing (String): (optionnel) nom de l'effet customisé que vous souhaitez utiliser (plugin requis).
  • callbakc (Fonction): (optionnel) fonction qui sera éxécutée a chaque fois qu'une animation se terminera, éxécutée une fois pour chaque élement animé.
  • params (Hash): conteneurs d'attributs de style que vous souhaitez animer, et à quel fin.
  • speed (String ou entier): (optionnel) chaine de caractères représentant une des trois vitesses prédéfinies ("slow","normal", ou "fast") ou le nombre en millisecondes correspondant à la durée de l'animation.

Cette methode renvoie: jQuery

Prenons l'exemple suivant:

$("p").animate({ left: 50, opacity: 'show' }, 500);

Prenons l'exemple suivant:

Exemple utilisant une fonction qui permet de créer une animation différente. Cela marchera seulement si vous disposez d'un plugin qui propose ce genre de fonctions (seule la fonction "linear" est fournie par défaut avec jQuery).

$("p").animate({ opacity: 'show' }, "slow", "easein");

Prenons l'exemple suivant:

$("p").animate({ height: 'toggle', opacity: 'toggle' }, "slow");