Sommaire

Les effets et animations en jQuery

Nous allons voir comment agrémenter une page web d’effets et d’animations visuels à l’aide des méthodes proposées par la bibliothèque jQuery.

1. Les effets jQuery

Certaines méthodes offertes par la bibliothèque jQuery permettent de jouer directement sur les propriétés d’affichage des éléments retournés par le sélecteur sur lequel elles sont appliquées.

Voici une présentation détaillée des plus utilisées.

.hide()

Cette méthode permet de cacher un ou plusieurs éléments HTML de la page web.

Utilisée sans arguments, elle effectue sa tâche de manière instantanée, sans aucune animation.

Il est possible de lui passer en argument une valeur de type numérique lui indiquant le temps qu’elle doit passer pour réaliser son travail, en millisecondes.

Ainsi la ligne de code suivante provoque la disparition de l’article intitulé Article 3 de la page web avec une animation d’une durée de 2 secondes :

$(’article:eq(2)’).hide(2000);

Deux chaînes de caractères sont interprétables par la méthode pour symboliser la durée d’exécution qu’elle doit respecter. Ce sont les mots slow et fast, qui représentent, pour le premier, une valeur de 600 millisecondes, et pour le second, une valeur de 200 millisecondes. Ainsi, cette ligne de code provoque la disparition ...