Neueste Web-Entwicklung Tutorials
 

jQuery Mobile Beispiele


jQuery Mobile Seiten

Eine grundlegende mobile Web - Seite
Mehrere Seiten
Dialogbox

Beispiele erklärt


jQuery Mobile Transitions

Fade - Effekt
Flip - Effekt
Flow - Effekt
Pop - Effekt
Slide - Effekt
Slidefade Wirkung
Slideup Wirkung
slidedown Wirkung
Drehen Sie Effekt
Kein Übergangseffekt
reversed - Effekt

Beispiele erklärt


jQuery Mobile Buttons

Erstellen Sie eine Schaltfläche
Inline - Tasten
gruppierte Tasten
Zurück - Tasten
Ändern Sie die Farbe der Schaltfläche
Buttons mit oder ohne abgerundeten Ecken
Kleine oder regelmäßige Größe Tasten
Buttons mit oder ohne Schatten

Beispiele erklärt


jQuery Mobile Button Icons

Fügen Sie Symbole Tasten
Fügen Sie weitere Symbole (Icons in Version 1.4)
Positionierung Symbole
Anzeige nur das Symbol
Entfernen Sie den Kreis (Disc) Ändern Sie die Symbolfarbe

Beispiele erklärt


jQuery Mobile Popups

Erstellen eines einfachen Pop - up
In Polsterung und Marge auf dem Popup
Schließen Sie das Popup mit einem rechten Schließen - Schaltfläche
Schließen Sie das Popup mit einem linken Schließen - Schaltfläche
Undismissible Popup
Positionierung Popups
transitioning Popups
Popup Arrows
Popup - Dialoge
Popup - Fotos

Beispiele erklärt


jQuery Mobile Toolbars

Erstellen Sie eine Kopf- und eine Fußzeile
Fügen Sie Schaltflächen in der Kopfzeile
Fügen Sie eine Schaltfläche auf der linken Seite in der Kopfzeile
Fügen Sie eine Schaltfläche auf der rechten Seite in der Kopfzeile
Footer mit Knöpfen
Footer mit Mitte ausgerichtet Tasten
Footer mit horizontal gruppiert Tasten
Inline - Position - Kopf- und Fußzeilen inline mit Seiteninhalt
Feste Position - Kopf- und Fußzeilen bleiben oben und unten auf der Seite positioniert
Vollbild - Position - Kopf- und Fußzeile bleibt an der Spitze und am Boden positioniert, sondern auch über den Seiteninhalt

Beispiele erklärt


jQuery Mobile Navigationsleisten

Erstellen Sie eine Navigationsleiste
Icons in Navigationstasten
Navigationsleisten in Inhalt
Navigationsleisten in der Fußzeile
Fügen Sie die gewählte (nach unten gedrückt) für Tasten in Navigationsleisten aussehen
Fügen Sie die ausgewählte (nach unten gedrückt) aussehen beharrlich
Positionierung Symbole: top Ausrichtung
Die Positionierung Symbole: rechts Ausrichtung
Die Positionierung Symbole: bottom Ausrichtung
Die Positionierung Symbole: linke Ausrichtung
Eine Demonstration von 10 Tasten in einer Navigationsleiste

Beispiele erklärt


jQuery Mobile Panels

Erstellen eines einfachen Panel
Ein Panel mit einer Schaltfläche zum Schließen
Ändern Sie die Panel - Display
Rechte Stellung ein Panel
Festfeld Position

Beispiele erklärt


jQuery Mobile Collapsibles

Erstellen Sie einen zusammenklappbaren Inhaltsblock
Erweitern Sie den Inhalt , wenn die Seite geladen wird
Verschachtelte zusammenklappbar Blöcke
Klapp - Sets (Akkordeon)
Entfernen abgerundeten Ecken auf Collapsibles
Machen Sie Collapsibles kleiner
Ändern Sie das Symbol von Collapsibles
Ändern Sie das Symbol Position Collapsibles

Beispiele erklärt


jQuery Mobile Tabellen

Erstellen Sie eine Reflow - Tabelle
Erstellen Sie eine Spalte Toggle - Tabelle
Ändern Sie den Toggle - Tabelle Schaltfläche Text
In Schatten auf den Tisch
Fügen Sie eine untere Grenze für alle Tabellenzeilen
Fügen Sie einen Hintergrund-Farbe auf alle Tabellenzeilen

Beispiele erklärt


jQuery Mobile Grids

Zwei-Spalten - Layout
Drei-Spalten - Layout
Vier-Spalten - Layout
Fünf-Spalten - Layout
Passen Sie Gitter
Mehrere Zeilen innerhalb Spalten

Beispiele erklärt


jQuery Mobile - Listen

Erstellen Listenansichten
Listenansichten mit abgerundeten Ecken
Liste Teiler
Autodividers
Erstellen Nur - Lese-Listen
Legen Sie Platten auf die Listenelemente
Ändern der Standard - Link - Symbol für Listenelemente
Hinzufügen Icons Artikel zur Liste
In Thumbnails Artikel zur Liste
Hinzufügen von HTML - Elemente , die die Listenelemente mit Informationen zu füllen
Erstellen Sie eine Liste mit Split - Tasten
Machen Sie die Listenelemente funktioneller
Erstellen Zählung Blasen
Popup - Listen
Klapp - Listen
Klapp - Popup - Listen
Volle Breite zusammenklappbare Listen
Erstellen Sie einen Kalender

Beispiele erklärt


jQuery Mobile Filter

Erstellen Sie ein Suchfeld für Listen
Ändern Sie den Text in das Suchfeld ein
Benutzerdefinierte Filter
Filter zusammenklappbar Listen
Filter - Tabellen
Filter ein <div> -Element

Beispiele erklärt


jQuery Mobile Forms

Texteingaben
Hinzufügen eines Symbols in Eingabetasten
Hinzufügen einer Schaltfläche "Löschen" in Eingaben
Textbereich
Sucheingabe
Radio Knöpfe
Ankreuzfelder
Gruppen Radio - Buttons und Checkboxen horizontal
Feld Behälter mit Radio - Buttons und Checkboxen
Vorwahlklappung Optionsfeld / Kontrollkästchen
Legen Sie das Formular in einem Popup
Verhindern , dass jQuery Mobile automatisch entnehmbare Elemente Stil
Erstellen Sie ein Auswahlmenü
Erstellen Auswahlmenüs mit Teilern (optgroup)
Benutzerdefinierte Auswahlmenüs
Wählen Sie mehrere Optionen im Auswahlmenü
Gruppenauswahlmenüs
Gruppenauswahlmenüs horizontal
Minify Auswahlmenüs
Pre-wählen Sie eine Option
Popup - Auswahlen
Klapp - Formen
Ändern Sie den Standardauswahlsymbol
Ändern Sie die Position des Symbols
Erstellen Sie einen Schieberegler
Zeigen Sie den Wert auf dem Schiebetaste
Machen Sie den Wert Popup auf dem Bildschirm als Benutzer Dia
Markieren Sie die Spur bis zum Reglerwert
Bereich Schieber (dual)
Erstellen Sie ein Flip - Kippschalter
Ändern Sie den Text auf dem Flip - Schalter
Pre-wählen Sie einen Kippschalter
Stylen Sie den Flip - Schalter

Beispiele erklärt


jQuery Mobile Themes

Theme "a"
Theme "b"
Theming Kopf- und Fußzeile
Theming Dialoge
Theming Tasten
Theming - Icons
Theming Popups
Theming Tasten in Kopf- und Fußzeile
Theming Navigationsleisten
Theming - Panels
Theming zusammenklappbar Taste und Inhalt
Theming Listen
Theming Split - Tasten
Theming zusammenklappbar Listen
Theming Formen
Theming zusammenklappbar Formen
anpassen Themen

Beispiele erklärt


jQuery Mobile Events

Tap - Ereignis
Taphold Veranstaltung
Swipe Veranstaltung
Swipeleft Veranstaltung
Swiperight Veranstaltung
Scrollstart Veranstaltung
Scrollstop Veranstaltung
OrientationChange Ereignis - Alarm Orientierung
OrientationChange Ereignis - Stellen Sie verschiedene Stile für Hoch- und Quer
Seite Initialisierung Ereignisse
Seite - laden Veranstaltungen
Seite Übergang Veranstaltungen

Beispiele erklärt