CATALOGUE Code & Data Formation Web App Créer une Web App - Vos sites Web sur mobiles Guide des Transitions avec jQuery Mobile

Guide des Transitions avec jQuery Mobile

Les transitions avec Créer une Web App
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer une Web App - Vos sites Web sur mobiles
Revoir le teaser Je m'abonne
Transcription
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Personnalisation des Transitions de Pages

Objectifs

Comprendre comment fonctionne les transitions de pages dans jQuery Mobile et apprendre à les personnaliser pour améliorer l'expérience utilisateur.

Résumé

Apprenez à configurer et personnaliser les transitions entre pages à l'aide de jQuery Mobile.

Description

Dans cette leçon, nous explorons comment jQuery Mobile gère les transitions de pages lors de la navigation. La transition par défaut est un défilé de droite à gauche, mais nous pouvons la personnaliser en ajoutant l'attribut data-transition dans nos liens.

Nous démontrons plusieurs types de transitions :

  • Fade : Une transition en fondu.
  • Flip : Une transition de type carte qui se retourne.
  • Pop : Une transition d'ouverture de page.
  • Slide Down : Une page qui arrive depuis le haut.
  • Slide Up : Une page qui arrive depuis le bas.
  • Slide : La transition par défaut de défilement.

Chaque transition est démontrée avec un exemple pratique pour illustrer son fonctionnement et son effet visuel.

Voir plus

Questions fréquentes

Quelle est la transition par défaut de jQuery Mobile ?
La transition par défaut de jQuery Mobile est un défilement de droite à gauche.
Quel attribut permet de changer la transition entre les pages avec jQuery Mobile ?
L'attribut qui permet de changer la transition est data-transition.
Quel effet visuel est produit par la transition 'flip' ?
La transition 'flip' crée un effet de carte qui se retourne.

Programme détaillé