Présentation de la bibliothèque JavaScript jQuery, qui permet de manipuler les pages HTML au moyen de JavaScript. Cette fonction abrégée remplace toutes les autres. ©Electre 2024

Effets visuels standards

slideUp (duration) Fait remonter les éléments de la liste sur l'écran en les cachant progressivement par le bas, pendant la durée duration (en millisecondes). Par défaut 400 ms.

slideDown (duration) Fait descendre les éléments de la liste sur l'écran en les affichant progressivement par le bas, pendant la durée duration (en millisecondes). Par défaut 400 ms.

slideToggle (duration) Alterne slideUp () ou slideDown () sur chaque élément de la liste selon que l'élément est visible ou caché.

fadeIn (duration) Fait apparaître les éléments de la liste en amenant progressivement leur opacité à 1, pendant la durée duration (en millisecondes). Par défaut 400 ms.

fadeOut (duration) Fait disparaître les éléments de la liste en amenant progressivement leur opacité à 0, pendant la durée duration (en millisecondes). Par défaut 400 ms.

fadeToggle (duration) Alterne fadeOut () ou fadeIn () sur chaque élément de la liste selon que l'élément est visible ou caché.

show (duration) Fait apparaître les éléments de la liste progressivement, pendant la durée duration (en millisecondes). Par défaut 0 ms, provoquant un affichage instantané.

hide (duration) Fait disparaître les éléments de la liste progressivement, pendant la durée duration (en millisecondes). Par défaut 0 ms, les cachant instantanément.

toggle (duration) Alterne hide () ou show () sur chaque élément de la liste selon que l'élément est visible ou caché.

Effets visuels personnalisés

On peut créer ses propres effets en utilisant la méthode animate (objStyle, options) qui produit un effet sur les éléments de la liste.

animate (objStyle, options ) Produit un effet visuel personnalisé sur les éléments de la liste.

Le paramètre objStyle représente un objet contenant le nouveau style des éléments à la fin de l'effet. Cet objet est de la forme (prop1 : valuel, prop2: value2, ...), chaque prop étant une propriété CSS que l'on désire voir évoluer jusqu'à la valeur indiquée par value.

Le paramètre options représente un objet contenant les options de l'effet, décrites ci-après.

Options de la méthode animate (objStyle, options)

duration Indique le nombre de millisecondes de l'effet. Une valeur de 0 amène l'élément directement dans le nouveau style, sans progressivité.

complete Méthode complete () appelée pour chacun des éléments de la liste lorsque l'effet est terminé sur celui-ci. La valeur this dans la fonction représente l'élément DOM pour lequel l'effet est terminé.

step Méthode step () appelée pour chacun des éléments de la liste, après chaque mise à jour des propriétés CSS du style de l'élément. Elle peut donc être appelée plusieurs centaines de fois pour une même animation, à la différence de options, complete appelée une seule fois (pour chaque élément de la liste) à la fin de l'animation.

queue Par défaut, deux effets ne peuvent pas s'exécuter simultanément sur le même élément, car le second effet est mis dans une file d'attente (il sero exécuté lorsque l'effet précédent sur cet élément sera terminé). Si options queue est positionnée à false, l'effet n'est pas mis dans la file d'attente et peut donc s'exécuter immédiatement.