Forum | Derniers tutoriels de développement web
 

jQuery Mobile Exemples


jQuery Pages mobiles

Une page Web mobile de base
Plusieurs pages
Boite de dialogue

Desexemples expliqués


jQuery Mobile Transitions

effet Fade
effet flip
débit effet
effet Pop
Effet Glisser
effet Slidefade
effet slideUp
effet slideDown
Tourner effet
Aucun effet de transition
effet Reversed

Desexemples expliqués


jQuery mobile Boutons

Créer un bouton
Boutons Inline
boutons groupé
boutons Retour
Changer la couleur du bouton
Boutons avec ou sans coins arrondis
Petits boutons ou réguliers taille
Boutons avec ou sans ombres

Desexemples expliqués


jQuery mobile Bouton Icônes

Ajouter des icônes aux boutons
Ajouter plus d' icônes (icônes introduites dans la version 1.4)
Icônes de positionnement
Afficher seulement l'icône
Retirer le cercle (disque) Changez la couleur de l' icône

Desexemples expliqués


jQuery Mobile popups

Créer un popup de base
Ajouter le rembourrage et la marge à la fenêtre contextuelle
Fermez la fenêtre contextuelle avec un bouton de fermeture à droite
Fermez la fenêtre contextuelle avec un bouton de fermeture gauche
Popup Undismissible
Popups de positionnement
Transitioning popups
Arrows Popup
Dialogues Popup
Photos Popup

Desexemples expliqués


jQuery Mobile Toolbars

Créer un en- tête et un pied de page
Ajouter des boutons en - tête
Ajouter un bouton sur le côté gauche de l' en- tête
Ajouter un bouton sur le côté droit de l' en- tête
Pied de page avec des boutons
Pied de page avec centre aligné boutons
Pied de page avec des boutons regroupés horizontalement
Position Inline - tête et pied de page en ligne avec le contenu de la page
Position fixe - tête et pied de page restent positionnés en haut et en bas de la page
Position Fullscreen - tête et le pied reste positionné en haut et en bas, mais aussi sur le contenu de la page

Desexemples expliqués


Bars jQuery Navigation mobile

Créer une barre de navigation
Les icônes de boutons de navigation
Les barres de navigation dans le contenu
Les barres de navigation en bas de page
Ajouter sélectionné (enfoncé) rechercher des boutons dans les barres de navigation
Ajoutez sélectionné (enfoncé) chercher persistante
Icônes de positionnement: alignement top
Icônes Positionnement: alignement à droite
Icônes Positionnement: alignement de fond
Icônes Positionnement: alignement à gauche
Une démonstration de 10 boutons dans une barre de navigation

Desexemples expliqués


Panneaux mobiles jQuery

Créer un panneau de base
Un panneau avec un bouton de fermeture
Changer l'affichage du panneau
Position droite un panneau
Position du panneau fixe

Desexemples expliqués


jQuery Mobile pliables

Créer un bloc pliable de contenu
Développez le contenu chargement de la page
Blocs pliables emboîtées
Ensembles pliables (accordéon)
Retirer les coins arrondis sur pliables
Faire pliables plus petit
Changer l'icône pliables
Changer la position de l' icône du pliables

Desexemples expliqués


Tables jQuery mobile

Créer une table de refusion
Créer une table colonne toggle
Modifier le texte bascule bouton de table
Ajouter des ombres au tableau
Ajouter une bordure inférieure à toutes les lignes de la table
Ajouter une couleur de fond à toutes les lignes de la table

Desexemples expliqués


jQuery Mobile Grids

Deux colonnes layout
Trois colonnes
Quatre colonnes layout
Cinq colonnes layout
Personnaliser les grilles
Plusieurs lignes à l' intérieur des colonnes

Desexemples expliqués


Listes jQuery Mobile

Créer des affichages de liste
Vue sur la Liste avec des coins arrondis
Liste des diviseurs
Autodividers
Créer des listes de lecture seule
Insérer des panneaux à la liste des articles
Changement par défaut icône de lien pour les éléments de liste
Ajouter des icônes à la liste des articles
Ajouter à la liste des vignettes articles
Ajouter des éléments HTML pour remplir les éléments de liste avec des informations
Créer des listes avec des boutons fendus
Faire la liste des articles plus fonctionnelle
Créer des bulles de comptage
Listes Popup
listes pliables
Listes popup pliables
Largeur complète des listes pliables
Créer un calendrier

Desexemples expliqués


Filtres jQuery mobile

Créer un champ de recherche pour les listes
Modifier le texte dans le champ de recherche
Filtre Personnalisé
Filtre listes pliables
Tables de filtrage
Filtrez un élément <div>

Desexemples expliqués


jQuery Mobile Forms

Entrées de texte
Ajout d' une icône dans les boutons d'entrée
Ajout d' un bouton "clair" dans les entrées
Zone de texte
Recherche d' entrée
Les boutons radio
Checkboxes
Boutons et cases horizontalement Radio Group
Conteneurs sur le terrain avec les boutons radio et cases
Pré-sélectionnez le bouton radio / case
Placez le formulaire dans un popup
Empêcher jQuery Mobile pour coiffer automatiquement les éléments tappable
Créer un menu de sélection
Créer menus de sélection avec séparateurs (optgroup)
Sélectionnez Personnaliser les menus
Sélectionnez plusieurs options dans le menu de sélection
Menus de sélection de groupe
Menus de sélection de groupe horizontalement
Rapetisser menus de sélection
Pré-sélectionner une option
Sélections Popup
formes pliables
Changer l'icône de sélection par défaut
Changer la position de l' icône
Créer un contrôle de curseur
Afficher la valeur sur le bouton de curseur
Faire la valeur contextuelle sur l'écran comme la diapositive utilisateur
Mettez en surbrillance la piste jusqu'à la valeur du curseur
Range curseur (double)
Créer un interrupteur à bascule bascule
Modifier le texte sur le commutateur bascule
Pré-sélectionner un commutateur à bascule
Coiffez le commutateur à bascule

Desexemples expliqués


jQuery Mobile Thèmes

Thème "a"
Thème "b"
En- tête et pied de page Theming
Dialogues Thématisation
Boutons Thématisation
Icônes Thématisation
Popups Thématisation
Boutons Thématisation en - tête et pied de page
Barres de navigation Theming
Panneaux Thématisation
Thématisation bouton pliable et contenu
Listes Thématisation
Boutons Thématisation fendues
Thématisation listes pliables
Formes Thématisation
Thématisation formes pliables
Personnaliser thèmes

Desexemples expliqués


jQuery Mobile Events

Événement Tap
événement Taphold
événement Swipe
événement Swipeleft
événement Swiperight
événement Scrollstart
événement Scrollstop
Événement orientationChange - orientation Alert
Événement orientationChange - Définir des styles différents pour portrait et paysage
Événements page d'initialisation
Les événements de chargement de page
Les événements de transition Page

Desexemples expliqués