Latest web development tutorials

Transizione jQuery Mobile

jQuery Mobile contiene effetto CSS3 permette di selezionare la pagina per aprire la strada.


Transizioni di pagina jQuery Mobile

jQuery Mobile fornisce una varietà di interruttore pagina alla pagina successiva dei risultati.

Nota: Al fine di ottenere l'effetto di passare da una pagina, il browser deve supportare la commutazione CSS3 3D:

12.0 10.0 16,0 4.0 15.0

I dati nella tabella di supporto 3D rotante numero minimo versione del browser.

effetti di transizione di pagina possono essere applicati a qualsiasi uso di dati di transizione collegamento attributo o modulo:

effetti di transizione di pagina possono essere applicati a qualsiasi uso di dati di transizione collegamento attributo o invio del modulo:

<a href="#anylink" data-transition="slide">切换到第二个页面</a>

La tabella seguente riporta i dati transizione attraverso l'uso di strutture disponibili per passare alla pagina:

transizione descrizione pagina dialogo
dissolvenza Predefinito. Fade alla pagina successiva provare provare
lanciare Da capovolgere avanti alla pagina successiva provare provare
flusso Getta questa pagina alla pagina successiva provare provare
pop Come pop-up che vanno alla pagina successiva. provare provare
scivolo Scorrere da destra alla pagina successiva. provare provare
slidefade Swipe a destra ea sinistra a svanire alla pagina successiva. provare provare
slideUp Far scorrere dal basso verso l'alto alla pagina successiva. provare provare
slideDown Dall'alto in basso, diapositiva a quella successiva. provare provare
turno Voltare pagina successiva. provare provare
nessuno Nessun effetto di transizione. provare provare

lampada Tutto collegamento jQuery Mobile sull'effetto di default dissolvenza (se il browser supporta).

Nota: Tutti gli effetti di cui sopra supportano comportamento all'indietro. Ad esempio, se si desidera far scorrere la pagina da sinistra a destra, da destra a sinistra invece di scivolare, di proprietà uso dei dati direzione con il valore "reverse". Sul pulsante Indietro che è il default.

Esempi

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >切换</a>

Prova »