Latest web development tutorials

Exemples jQuery Mobile

Page jQuery Mobile

Un web mobile de base
Plusieurs pages
dialogue

Desexemples expliqués


commutation de la page jQuery Mobile

effet Fade
Transférer de l'effet flip arrière
Effets de débit
effet Pop
effet de glissement
De droite à gauche diapositive et effets fanent
De bas en haut effet de glissement
De haut en bas coulissant effet
effet flip
Aucun effet de transition
effet inverse

Desexemples expliqués


Bouton jQuery Mobile

bouton Créer
bouton Inline
Une combinaison de touches
bouton Précédent
Fillet ou un bouton avec des coins arrondis avec
petits boutons ou réguliers taille
Bouton avec ou sans l'ombre d'une ombre

Desexemples expliqués


jQuery mobile icônes de boutons

Ajouter une icône à un bouton
Lieu icon
Afficher seulement icon

Desexemples expliqués


jQuery Toolbar mobile

Créer une tête de colonne et barre de queue
Ajouter le bouton dans la barre d' en- tête
Bouton Ajouter dans la tête de la colonne de gauche
Ajouter bouton sur le côté droit de la colonne de tête
Avec les boutons de la barre arrière
Aligner la barre arrière avec des boutons
barre de queue avec une combinaison de touches
barre de queue avec une combinaison de boutons horizontal
positionnement Inline - tête de la barre et de la colonne de queue et la page contenu en- ligne
Le positionnement fixe - tête de la barre et la barre de queue fixés vers le haut et le bas de la page
positionnement Fullscreen - tête de la barre et la barre de queue fixés vers le haut et le bas de la page, mais couvrira le contenu de la page

Desexemples expliqués


jQuery Mobile barre de navigation

Créer une barre de navigation
Contenu barre de navigation
Queue barre de navigation
Ajouter un bouton dans la barre de navigation est sélectionné (pressé) Apparence
Suite à ajouter sélectionné (pressé) Apparence
Icône dans la barre de navigation
10 boutons de la barre de navigation démo

Desexemples expliqués


jQuery Mobile bloc pliable

Créer un pliables blocs de contenu
Développez le contenu chargement de la page
bloc pliable imbriquée
collection pliable
Annuler bloc pliable arrondie
Laissez bloc pliable plus petit
Changer l' icône bloc pliable
Liste pliable
forme pliable

Desexemples expliqués


jQuery Mobile Grille

Deux layout
Trois dispositions
Quatre layout
Cinq layout
Grille personnalisée
Dans la multi-ligne

Desexemples expliqués


jQuery Liste mobile

Créer une vue de liste
Voir la liste avec des coins arrondis
liste délimité
séparation automatique
Créer un filtre de recherche
Modifier le texte dans la zone de recherche
Créer une liste de lecture seule
Ajouter à la liste des articles thumbnail
Ajouter des éléments HTML, liste des articles remplis d'informations
Ajouter des icônes à la liste des articles
Créer une liste avec un bouton fendu
Faites une liste des articles les plus fonctionnels
Créer nombre de bulles
Créer une liste par défaut lien item icon
Liste pliable
Créer un calendrier

Desexemples expliqués


jQuery Form mobile

zone de saisie de texte
champs de saisie de texte
Recherche boîte d'entrée
Bouton radio
Checkbox
boutons et cases de radio combinaison horizontale
conteneurs sur le terrain avec les boutons radio et cases à cocher
bouton radio Présélection / case
Créer un menu de sélection
Créer un menu de sélection avec cloison (optgroup) de
Sélectionnez Menu personnalisé
Sélectionnez plus d'une option dans le menu de sélection
Sélection portefeuille Menu
Sélection de portefeuille au niveau de menu
les options présélectionnées
forme pliable
Créer un contrôle de curseur
Highlight Highlight valeur du curseur
Créer un interrupteur à bascule
interrupteur à bascule pré-sélection

Desexemples expliqués


thèmes jQuery Mobile

Thème "a"
Sujet "b"
tête de thème et le contenu de la queue
dialogue Thème
bouton Sujets
icônes thématiques
La tête et la queue du bouton Thèmes
Sujet Barre de navigation
boutons pliables Sujet et contenu
Liste des sujets
bouton partagé Sujet
Sujet Liste Pliable
Formulaire Thèmes
forme pliable Sujet
Thème personnalisé

Desexemples expliqués


jQuery Mobile toucher des événements

Cliquez sur (Tap) Événement
Cliquez et maintenez (Taphold) Événement
Slide (le Swipe) Événement
Balayez gauche (Swipeleft) Événement
Balayez vers la droite (Swiperight) Événement
début Scroll (Scrollstart) Événement
fin Scroll (Scrollstop) Evénement
Changement de direction (orientationChange) événements - directions incité
Changement de direction (orientationChange) événement - comme portrait et paysage défini différents styles

Desexemples expliqués