Latest web development tutorials

Beispiele jQuery Mobile

jQuery Mobile Seite

Eine grundlegende mobile Web
Mehrere Seiten
Dialog

Beispiele erklärt


jQuery Mobile Seite Schalt

Fade - Effekt
Von hinten nach vorne Flip - Effekt
Flow - Effekte
Pop - Effekt
Sliding - Effekt
Von rechts nach links ziehen und Fade - Effekte
Von unten nach oben Gleitwirkung
Von oben nach unten Gleitwirkung
Flip - Effekt
Kein Übergangseffekt
Reverse - Effekt

Beispiele erklärt


jQuery Mobile - Knopf

Schaltfläche erstellen
Inline - Taste
Eine Kombination von Knöpfen
Zurück - Taste
Filet oder ein Knopf mit abgerundeten Ecken mit
Kleine oder regelmäßige Größe Tasten
Button mit oder ohne Schatten eines Schattens

Beispiele erklärt


jQuery Mobile Button Icons

Fügen Sie ein Symbol auf eine Schaltfläche
Standort icon
Nur Symbol

Beispiele erklärt


jQuery Mobile Toolbar

Erstellen Sie eine Spalte Kopf und Schwanz bar
Hinzufügen - Button in der Kopfleiste
Schaltfläche Hinzufügen in der linken Spalte Kopf
In Taste auf der rechten Seite des Kopfes Spalte
Mit den hinteren Leisten - Schaltflächen
Richten Sie die hintere Leiste mit Schaltflächen
Heckleiste mit einer Kombination von Tasten
Heckleiste mit horizontalen Kombination von Tasten
Inline - Positionierung - bar Kopf und Schwanz Säule und Seiteninhalt Inline
Feste Positionierung - bar Kopf und Schwanz Leiste an den oberen festen und unten auf der Seite
Vollbild - Positionierung - bar Kopf und Schwanz Leiste an den oberen und unteren Rand der Seite festgelegt, sondern wird den Seiteninhalt abdecken

Beispiele erklärt


jQuery Mobile Navigationsleiste

Erstellen Sie eine Navigationsleiste
Inhalt Navigationsleiste
Hecknavigationsleiste
Fügen Sie eine Schaltfläche in der Navigationsleiste ausgewählt (gedrückt) Aussehen
Fortsetzung auf ausgewählte (gedrückt) Aussehen hinzufügen
Symbol in der Navigationsleiste
10 Tasten in der Navigationsleiste Demo

Beispiele erklärt


jQuery Mobile zusammenklappbar Block

Erstellen Sie einen zusammenklappbaren Inhaltsblöcke
Erweitern Sie den Inhalt , wenn die Seite geladen wird
Verschachtelte zusammenklappbar Block
Faltbare Kollektion
Abbrechen gerundet zusammenklappbar Block auf
Lassen Sie zusammenklappbar Block kleiner
Ändern Sie Symbol zusammenklappbar Block
Klapp - Liste
Klapp - Form

Beispiele erklärt


jQuery Mobile Grid

Zwei Layout
Drei Layouts
Vier Layout
Fünf Layout
Benutzerdefinierte Gitter
Out in der Multi-line

Beispiele erklärt


jQuery Mobile Liste

Erstellen Sie eine Listenansicht
Listenansicht mit abgerundeten Ecken
separierte Liste
Automatische Trennung
Erstellen Sie einen Suchfilter
Ändern Sie den Text in das Suchfeld
Erstellen Sie eine Nur - Lese-Liste
Hinzufügen von Elementen Miniatur zur Liste
Hinzufügen von HTML - Elemente, Listenelemente mit Informationen gefüllt
Hinzufügen Icons Artikel zur Liste
Erstellen Sie eine Liste mit einem Split - Taste
Machen Sie eine Liste der Elemente funktioneller
Erstellen Sie Blasenzahl
Erstellen Sie eine Standardliste Artikel Link - Symbol
Klapp - Liste
Kalender erstellen

Beispiele erklärt


jQuery Mobile - Formular

Texteingabefeld
Texteingabefelder
Sucheingabefeld
Radioknopf
Checkbox
Horizontale Kombination Radio - Buttons und Checkboxen
Feld Behälter mit Radio - Buttons und Checkboxen
Preselection Optionsfeld / Kontrollkästchen
Erstellen Sie ein Auswahlmenü
Erstellen Sie ein Auswahlmenü mit Partition (optgroup) von
Benutzerdefinierte Wählen Sie Menü
Wählen Sie mehr als eine Option im Auswahlmenü
Portfolio - Auswahlmenü
Portfolio Selection Menüebene
Vorselektierte Optionen
Klapp - Form
Erstellen Sie einen Schieberegler
Highlight Highlight Reglerwert
Erstellen Sie einen Kippschalter
Vorselektion Kippschalter

Beispiele erklärt


jQuery Mobile Themen

Theme "a"
Thema "b"
Themen Kopf und Schwanz Inhalt
Themen Dialog
Themen - Taste
Theme - Icons
Der Kopf und der Schwanz von Themen - Taste
Thema Navigation Bar
Thema zusammenklappbar Tasten und Inhalt
Themenübersicht
Thema Split - Taste
Thema reduzierbare Liste
Themen Form
Thema zusammenklappbar Form
Kundenspezifische Themen

Beispiele erklärt


jQuery Mobile berühren Veranstaltungen

Klicken Sie auf (Tap) Ereignis
Klicken und halten (Taphold) Ereignis
Slide (die Swipe) Ereignis
Swipe links (Swipeleft) Ereignis
Swipe nach rechts (Swiperight) Ereignis
Scroll - Start (Scrollstart) Ereignis
Scroll Ende (Scrollstop) Ereignis
Richtungsänderung (orientationChange) Ereignisse - Aufforderung Richtungen
Richtungsänderung (orientationChange) Ereignis - als Porträt und Landschaft gesetzt verschiedenen Stilen

Beispiele erklärt