Effets jQuery - Animation

Méthode animate()

La méthode jQuery animate() est utilisée pour créer des animations personnalisées.

Syntaxe :

$(selector).animate({params},speed,callback);

Définition des paramètres de paramètres requis pour former une animation CSS propriétés.

Le paramètre optionnel de vitesse précise la durée de l'effet. Il peut prendre les valeurs suivantes : "lent", "rapide" ou millisecondes.

Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois l'animation terminée.

      
  开始动画 
向右移动
 
 
  

Remarque :

Par défaut, tous les éléments HTML ont une position statique et ne peuvent pas être déplacés.
Si vous avez besoin d'opérer la position, n'oubliez pas de définir d'abord la propriété CSS position de l'élément sur relative, fixe ou absolue !

animate() - Manipuler plusieurs propriétés

      
  开始动画 
逐渐变大
 
 
  

La méthode animate() peut-elle être utilisée pour manipuler toutes les propriétés CSS ?
Oui, presque ! Cependant, il y a une chose importante à retenir : lorsque vous utilisez animate(), vous devez utiliser la notation Camel pour écrire tous les noms de propriétés, par exemple, vous devez utiliser paddingLeft au lieu de padding-left, utiliser marginRight au lieu de margin-right, etc. .De plus, l'animation couleur n'est pas incluse dans la bibliothèque principale jQuery.

animate() - utiliser des valeurs relatives

      
  开始动画 

 
 
  

animate() - utiliser des valeurs prédéfinies

      
  开始动画 
收起
 
 
  

animate() - utiliser des fonctions de file d'attente

Par défaut, jQuery fournit une fonctionnalité de file d'attente pour les animations.

Cela signifie que si vous écrivez plusieurs appels animate() les uns après les autres, jQuery créera une file d'attente "interne" contenant ces appels de méthode. Exécutez ensuite ces appels animés un par un.

      
  开始动画