Home About blog
Search


jQuery.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");

 


Envie de vous exprimer ?

Nom / Pseudo (*)
Email (*)
Site Web
Commentaire (*)
 

Ils ont osé le dire ...

 
Gravatar de x@v  
jarodxx

# 33 - Le mardi 24 mars à 23h 03min 29s par x@v

le bon prototype c'est celui -ci : animate( params, [duration], [easing], [callback] ) http://docs.jquery.com/Effects/animate#paramsdurationeasingcallback

 
Gravatar de Noary  
jarodxx

# 52 - Le jeudi 28 mai à 16h 49min 07s par Noary

C'est cool. J'admire très bien, Monsieur, votre travail. Merci beaucoup. C'est nickel.

 
Gravatar de Simb@ KL  
jarodxx

# 2100 - Le vendredi 25 juin à 10h 39min 47s par Simb@ KL

http://www.elx-studio.be/jquery/propriete-background-color-dans-un-animate-de-jquery/ Voici un liens qui permet d'utiliser la fonction animate sur un background-color ! Faites en bon usage !

Ajoutez le moteur de recherche jquery a Firefox

2009-02-25 11:48:44

Nouvelles fonctions dans le manuel
Et paf ca tombe comme s'il en pleuvait , les nouvelles fonctions jquert  apport ...

2009-02-05 17:03:07

Insertion des commentaires
Et voila , comme promis les commentaires sont ouverts a tous (et a toutes ;) P ...

Bookmark This Page Envie de nous soutenir ?
jquery documentation francaise