Forum | Gli ultimi tutorial di sviluppo web
 

jQuery Mobile Esempi


jQuery pagine per cellulari

Una pagina di base web mobile
Più pagine
La finestra di dialogo

Esempi spiegato


jQuery Mobile Transizioni

effetto dissolvenza
effetto flip
effetto di flusso
effetto Pop
effetto scivolo
effetto Slidefade
effetto slideUp
effetto slideDown
Girare effetto
Nessun effetto di transizione
effetto inverso

Esempi spiegato


Pulsanti jQuery Mobile

Creare un pulsante
pulsanti in linea
pulsanti raggruppati
pulsanti Indietro
Cambiare il colore del pulsante
Pulsanti con o senza angoli arrotondati
Pulsanti di piccole dimensioni o regolari
Pulsanti con o senza ombre

Esempi spiegato


jQuery Mobile icone dei pulsanti

Aggiungere icone ai pulsanti
Aggiungere più icone (icone introdotte nella versione 1.4)
icone di posizionamento
Mostra solo l'icona
Rimuovere il cerchio (disco) Modificare il colore dell'icona

Esempi spiegato


jQuery Mobile Popup

Creare un popup di base
Aggiungere imbottitura e il margine per il popup
Chiudere il pop-up con un pulsante di chiusura destro
Chiudere il pop-up con un pulsante di chiusura sinistra
Popup Undismissible
popup di posizionamento
transizione popup
Frecce Popup
finestre di dialogo pop-up
foto Popup

Esempi spiegato


jQuery Mobile Barre degli strumenti

Creare una intestazione e piè di pagina
Aggiungere pulsanti nell'intestazione
Aggiungere un pulsante a sinistra nell'intestazione
Aggiungere un pulsante sul lato destro nell'intestazione
Piè di pagina con i tasti
Piè di pagina con il centro allineato pulsanti
Piè di pagina con i tasti raggruppati in orizzontale
Posizione in linea - intestazione e piè di pagina in linea con il contenuto della pagina
Posizione fissa - intestazione e piè di pagina rimarranno posizionati nella parte superiore e inferiore della pagina
Posizione a tutto schermo - intestazione e piè di pagina rimane posizionato in alto e in basso, ma anche il contenuto della pagina

Esempi spiegato


Bar jQuery Mobile Navigation

Creare una barra di navigazione
Icone in pulsanti di navigazione
Barre di navigazione nel contenuto
Barre di navigazione a piè di pagina
Aggiungere selezionato (premuto) cerca per i pulsanti a barre di navigazione
Aggiungere il selezionato (premuto) guardare con insistenza
Icone di posizionamento: l'allineamento top
Icone di posizionamento: allineamento a destra
Icone di posizionamento: l'allineamento in basso
Icone di posizionamento: allineamento a sinistra
Una dimostrazione di 10 pulsanti in una barra di navigazione

Esempi spiegato


Pannelli jQuery Mobile

Creare un pannello di base
Un pannello con un pulsante di chiusura
Modificare la visualizzazione del pannello
Posizione destra un pannello
Posizione del pannello fissa

Esempi spiegato


jQuery Mobile Collapsibles

Creare un blocco pieghevole di contenuti
Espandere il contenuto quando la pagina viene caricata
Blocchi pieghevoli nidificati
Insiemi pieghevoli (fisarmonica)
Rimuovere gli angoli arrotondati su collapsibles
Fare collapsibles più piccolo
Cambiare l'icona di collapsibles
Cambiare la posizione icona della collapsibles

Esempi spiegato


Tabelle jQuery Mobile

Creare una tabella reflow
Creare una tabella di colonna ginocchiera
Modificare il testo del pulsante tabella di commutazione
Aggiungere le ombre al tavolo
Aggiungere un bordo inferiore di tutte le righe della tabella
Aggiungere uno sfondo a colori per tutte righe della tabella

Esempi spiegato


jQuery Mobile Griglie

Layout a due colonne
Layout a tre colonne
Il layout a quattro colonne
Layout di cinque colonne
personalizzare le griglie
Più righe all'interno di colonne

Esempi spiegato


Liste jQuery Mobile

Creare visualizzazioni elenco
Vista Elenco con angoli arrotondati
divisori Elenco
Autodividers
Creare liste di sola lettura
Inserire pannelli alle voci di elenco
Icona di collegamento Cambiamento di default per le voci di elenco
Aggiungere icone alla lista articoli
Aggiungere miniature per elencare gli elementi
Aggiungere elementi HTML per riempire le voci di elenco con le informazioni
Creare liste con i pulsanti di divisione
Effettuare le voci di elenco più funzionale
Creare bolle di conteggio
liste Popup
Gli elenchi comprimibili
Liste popup comprimibili
Larghezza elenchi comprimibili
Creare un calendario

Esempi spiegato


Filtri jQuery Mobile

Creare un campo di ricerca per liste
Modificare il testo all'interno del campo di ricerca
Filtro personalizzato
Elenchi di filtri pieghevoli
tavoli filtro
Filtrare un elemento <div>

Esempi spiegato


Forme di jQuery Mobile

input di testo
L'aggiunta di un'icona in tasti di ingresso
L'aggiunta di un pulsante "Clear" in input
Area di testo
Ricerca di ingresso
I pulsanti di opzione
caselle di controllo
Pulsanti di opzione e caselle di controllo Gruppo orizzontalmente
Contenitori campo con pulsanti di opzione e caselle di controllo
Pre-selezione pulsante / casella di controllo
Posizionare il modulo all'interno di un pop-up
Impedire jQuery Mobile per lo stile automaticamente gli elementi tappable
Creare un menu di selezione
Creazione di selezionare i menu con divisori (OPTGROUP)
Selezionare i menu personalizzati
Selezionare più opzioni nel menu di selezione
Menu di selezione di gruppo
Menu di selezione Gruppo orizzontale
Menu di selezione Minify
Pre-selezionare un'opzione
selezioni Popup
forme pieghevoli
Cambiare l'icona di selezione di default
Cambiare la posizione dell'icona
Creare un controllo di scorrimento
Mostra il valore sul pulsante di scorrimento
Rendere il popup valore sullo schermo come la diapositiva utente
Evidenziare la pista fino al valore di scorrimento
Cursore Range (dual)
Creare un interruttore a levetta Flip
Modificare il testo sullo switch flip
Pre-selezionare un sensore di vibrazione
Lo stile interruttore FLIP

Esempi spiegato


Temi jQuery Mobile

Tema "a"
Tema "b"
Intestazione e piè di pagina tematizzazione
finestre di dialogo tematizzazione
pulsanti tematizzazione
icone tematizzazione
popup tematizzazione
Pulsanti Theming in intestazione e piè
Barre di navigazione tematizzazione
pannelli tematizzazione
Tematizzazione pulsante di pieghevole e contenuti
liste tematizzazione
Pulsanti tematizzazione dividere
Tematizzazione elenchi comprimibili
forme tematizzazione
Tematizzazione forme pieghevoli
personalizzare i temi

Esempi spiegato


jQuery Mobile Eventi

evento Tap
evento Taphold
Swipe evento
evento Swipeleft
evento Swiperight
evento Scrollstart
evento Scrollstop
Evento orientationChange - orientamento Alert
Evento orientationChange - impostare gli stili diversi per verticale e orizzontale
Eventi Pagina di inizializzazione
Eventi di caricamento delle pagine
Eventi Pagina di transizione

Esempi spiegato