fonction animate jquery

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é. Seulement les propriétés qui contiennent des valeurs numériques sont supportées (par exemple la propriété backgrounColor n'est pas supportée).

Depuis jQuery 1.2, vous pouvez animer les propriétés en utilisant les mesures em et % (lorsqu'elles sont applicables).De plus, vous pouvez créer des animations relatives en utilisant "+=" ou "-=" devant la valeur de la propriété. Cela va faire évoluer l'élément positivement ou négativement depuis sa position actuelle.

Depuis jQuery 1.3, vous pouvez spécifier la durée d'une animation de 0. Dans ce cas, l'animation va placer l'ensemble des éléments concernés a leur été final en même temps (contrairement au anciennes versions ou il y avait un délai avant que tous les éléments soient placé a leur état final).

Version: disponible depuis la version 1.0 de JQuery
Paramétres:

• 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.
• easing (String): (optionnel) nom de l'effet customisé que vous souhaitez utiliser (plugin requis).
• callback (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é.

Valeur de retour: jQuery

Exemple:

L'animation suivante joue avec plusieurs propriétés de l'élément.

  $("#go").click(function(){
      $("#block").animate({ 
        width: "70%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em", 
        borderWidth: "10px"
      }, 1500 );
    });