CATALOGUE Code & Data Formation Ajax/jQuery Apprendre Ajax / JQuery Maîtriser les Effets et Animations avec jQuery

Maîtriser les Effets et Animations avec jQuery

Apparition et disparition
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ajax / JQuery
Revoir le teaser Je m'abonne
5,0
Transcription
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux effets jQuery

Objectifs

A la fin de cette vidéo, vous serez capable de :

  • Utiliser les fonctions hide et show pour masquer et afficher des éléments.
  • Appliquer la fonction toggle pour alterner entre les états visible et invisible.
  • Contrôler la vitesse des animations avec jQuery.
  • Enchaîner des animations et utiliser des callbacks pour exécuter du code après une animation.

Résumé

Apprenez à utiliser les fonctions hide, show et toggle de jQuery pour cacher, afficher et basculer les éléments de votre page avec des effets d'animation.

Description

Ce chapitre est dédié aux effets et animations que vous pouvez réaliser avec jQuery. Les effets sont la partie la plus visible de jQuery et se trouvent sur de nombreux sites web. Vous apprendrez à effectuer des apparitions, des disparitions, des déplacements, et des redimensionnements d'éléments, ainsi que des effets sur la transparence et d'autres propriétés CSS.

Nous débuterons par trois effets simples : la disparition, l'apparition et la fonction toggle pour alterner entre les deux. La fonction hide masque un élément en appliquant une propriété CSS display: none, et peut prendre un argument définissant la vitesse de l'animation. Vous comprendrez comment utiliser des mots-clés comme slow, normal et fast pour contrôler la rapidité des effets.

Ensuite, nous explorerons comment les éléments masqués peuvent être réaffichés avec la fonction show, qui fonctionne également sur les éléments cachés par display: none. Vous apprendrez également à utiliser la fonction toggle, permettant d'alterner entre les états visible et invisible d'un élément.

Enfin, nous verrons comment enchaîner les animations et utiliser des fonctions de callback pour exécuter du code après la fin d'une animation. Des exemples concrets vous montreront comment combiner ces fonctionnalités pour créer des effets fluides et interactifs sur votre site web.

Voir plus

Questions fréquentes

Quelle fonction utilise-t-on pour masquer un élément en jQuery ?
La fonction hide() est utilisée pour masquer un élément en jQuery.
Comment peut-on alterner entre l'affichage et le masquage d'un élément avec jQuery ?
La fonction toggle() permet de basculer entre les états visible et invisible d'un élément.
Quels mots-clés peuvent être utilisés pour définir la vitesse d'animation en jQuery ?
Les mots-clés slow, normal, et fast peuvent être utilisés pour définir la vitesse d'animation.

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
zohor.souhila
Il y a 3 ans
Excellente formation!