jquery easing swing liner contrôle la vitesse à différents moments de l'animation process_jquery

La fonction d'effet jQuery (slideUp(), fadeIn(), etc.) et la fonction animation() reçoivent un autre paramètre utilisé pour contrôler la vitesse du processus d'animation, qui est l'assouplissement, qui détermine la vitesse du processus d'animation à différents niveaux. instants. Par exemple, lorsque vous déplacez un élément sur la page, l'élément peut commencer à se déplacer lentement, puis devenir très rapide, et enfin ralentir à nouveau à la fin de l'animation. Ajoutez de l'assouplissement aux animations pour les rendre visuellement plus intéressantes et dynamiques.

jQuery ne contient que deux méthodes d'assouplissement : swing et linéaire. La méthode linéaire fournit une animation stable de sorte que chaque étape de l'animation soit la même (par exemple, si vous souhaitez qu'un élément se déplace sur l'écran de manière progressive, chaque étape a la même distance que l'étape précédente). Le swing est plus dynamique, s'accélérant au début de l'animation puis ralentissant. swing est un paramètre courant, donc si aucun assouplissement n'est spécifié, jQuery utilisera la méthode swing.

Pour tout effet jQuery, la méthode d'assouplissement est son deuxième paramètre, donc pour utiliser la méthode linéaire pour faire glisser un élément hors de vue, vous pouvez écrire le code comme ceci :

Copier le code Le code est le suivant :

$('#element').slideUp(1000,'linear'); 🎜>

Lors de l'utilisation de la fonction animate(), la méthode d'accélération est le troisième paramètre. Le premier paramètre est un littéral d'objet, qui contient la propriété CSS que nous voulons animer ; vitesse. Par exemple, pour utiliser la méthode d'assouplissement linéaire pour le code d'animation, vous pouvez écrire le code comme ceci :

Copiez le code Le code est la suivante :

$('#message').animate(
{
gauche : '650px',
opacité : .5,
fontSize: '24px'
},
1500,
'linear'
);

Cependant, vous n'êtes pas limité à l'utilisation des deux méthodes d'assouplissement fournies par jQuery. Une gamme d'autres méthodes d'accélération peuvent être ajoutées à l'aide des plugins jQuery.