Ultimele tutoriale de dezvoltare web
 

jQuery Mobile Exemple


jQuery Mobile Pages

O pagină web de bază pentru mobil
Mai multe pagini
Căsuță de dialog

Examples explained


jQuery Mobile Transitions

efect Fade
efect Flip
Fluxul de efect
efect Pop
efect Slide
efect Slidefade
efect Slideup
efect Slidedown
Turn efect
Nici un efect de tranziție
efect inversata

Examples explained


jQuery Mobile Buttons

Crearea unui buton
butoane inline
butoane grupaøi
butoanele de
Schimbarea culorii butonului
Butoane cu sau fără colțuri rotunjite
Butoane de dimensiuni mici sau regulate
Butoane cu sau fără umbre

Examples explained


jQuery Mobile Button Icons

Adăugați pictograme pentru butoane
Adăugați mai multe pictograme (icons introduced in version 1.4)
pictogramele de poziționare
Afișează numai pictograma
Scoateți cercul (disc) Schimbarea culorii pictograma

Examples explained


jQuery Mobile Popups

Creați un pop - up de bază
Adăugați padding și marja de fereastra pop - up
Închideți fereastra pop - up cu un buton de închidere dreapta
Închideți fereastra pop - up cu un buton de închidere din stânga
Popup Undismissible
popup - uri de poziționare
tranzitia popup - uri
Săgeți Popup
dialogurilor pop - up
fotografii Popup

Examples explained


jQuery Mobile Toolbars

Creați un antet și un subsol
Adăugați butoane în antet
Adăugați un buton în partea stângă în antetul
Adăugați un buton în partea dreaptă în antet
Subsol cu butoane
Subsol cu butoane Aliniat la centru
Subsol cu butoane orizontal grupate
Poziția Inline - antet și subsol în linie cu conținutul paginii
Poziția fixă - antet și subsol va rămâne poziționat în partea de sus și de jos a paginii
Poziția pe tot ecranul - antet și subsol rămâne poziționat în partea de sus și de jos, dar , de asemenea , asupra conținutului paginii

Examples explained


jQuery Mobile Navigation Bars

Creați o bară de navigare
Pictogramele din butoane de navigare
Barele de navigare în conținut
Bare de navigare în subsol
Adăugați selectat (pressed down) în (pressed down) căutați butoane în barele de navigare
Se adaugă selectat (apasata) uita persistent
Pictogramele de poziționare: aliniere sus
Pictogramele de poziționare: aliniere dreapta
Pictogramele de poziționare: aliniere jos
Pictogramele de poziționare: aliniere stânga
O demonstrație de 10 butoane de navigare într - un bar

Examples explained


jQuery Mobile Panels

Creați un panou de bază
Un panou cu un buton de închidere
Schimbarea afișajul panoului
Poziția dreapta pe un panou
Poziția panou fix

Examples explained


jQuery Mobile Collapsibles

Crearea unui bloc pliabil de conținut
Extindeți conținutul atunci când se încarcă pagina
Blocuri pliabile imbricate
Seturi pliabili (accordion)
Eliminați colțuri rotunjite pe collapsibles
Asigurați - collapsibles mai mici
Modificați pictograma collapsibles
Schimbați poziția pictograma de collapsibles

Examples explained


jQuery Mobile Tables

Crearea unui tabel de reflow
Crearea unui tabel coloană de comutare
Modificarea textului de comutare butonul de masă
Adăugați umbre la masa
Adăugați un chenar jos pentru toate rândurile de masă
Adăugați o culoare de fundal pentru toate rândurile de masă

Examples explained


jQuery Mobile Grids

Aspect cu două coloane
Aspect pe trei coloane
Aspect patru coloane
Aspect cu cinci coloane
Personalizați grile
Mai multe rânduri în interiorul coloane

Examples explained


jQuery Mobile Lists

Creați vizualizări listă
Vizualizări listă cu colțuri rotunjite
separatoare Lista
Autodividers
Creați liste read-only
Introduceți panouri pentru elementele din listă
Pictogramă Schimbați valoarea prestabilită pentru elemente de listă
Adăugați pictograme lista cu elemente
Adăugați miniaturi lista cu elemente
Adăugați elemente HTML pentru a completa elementele din listă cu informații
Creați liste cu butoane despicate
Asigurați elementele din listă mai funcțională
Creați bule COUNT
liste Popup
listele pliabili
Liste pop - up pliabili
Lățime completă liste pliabile
Creați un calendar

Examples explained


jQuery Mobile Filters

Crearea unui câmp de căutare pentru liste
Modificarea textului în interiorul câmpului de căutare
filtru personalizat
Filtru liste pliabile
tabele de filtrare
Se filtrează un <div> Element

Examples explained


jQuery Mobile Forms

textinput
Adăugarea unei pictograme în butoane de intrare
Adăugarea unui "clear" buton pe intrări
zonă de text
Căutare intrare
butoane radio
Casetele de selectare
Butoane radio pentru grupuri și casetele de selectare pe orizontală
Containere de câmp cu butoane radio și căsuțele
Preselecta butonul radio / casetă de selectare
Se introduce forma în interiorul unui pop - up
Prevenirea jQuery Mobile stil în mod automat elemente tappable
Crearea unui meniu select
Creați selectați meniuri cu separatoare (optgroup)
Selectați Custom meniuri
Selectați mai multe opțiuni în meniul de selectare
Meniuri de selecție de grup
Meniuri de selecție de grup orizontal
Meniuri de selecție Minify
Pre-selectați o opțiune
Selecțiile Popup
formele pliabili
Schimbarea selectați pictograma implicită
Schimbați poziția pictograma
Creați un control cursor
Afișează valoarea pe butonul cursor
Asigurați -vă fereastra pop - up de valoare de pe ecran ca diapozitivul utilizator
Evidențiați pista până la valoarea cursorului
Slider Gama (dual)
Creați un comutator basculant flip -
Modificați textul de pe comutatorul flip -
Pre-selectați un comutator de flip -
Stil comutator clapa

Examples explained


jQuery Mobile Themes

Tema "a"
Tema "b"
Antet și subsol theming
dialoguri theming
butoane theming
iconițe theming
popup - uri theming
Butoanele theming în antet și subsol
Barele de navigare theming
panouri theming
Theming butonul pliabil și conținutul
liste de theming
Butoane Theming despicate
Theming liste pliabile
formele theming
Theming forme pliabile
Personalizați teme

Examples explained


jQuery Mobile Events

eveniment Apăsați
eveniment Taphold
eveniment Glisează
eveniment Swipeleft
eveniment Swiperight
eveniment Scrollstart
eveniment Scrollstop
Eveniment Orientationchange - orientare Alert
Eveniment Orientationchange - Set stiluri diferite pentru portret si peisaj
Evenimente Pagina de inițializare
Evenimente de încărcare a paginii
Evenimente Tranziție pagină

Examples explained