Latest web development tutorials

Transición jQuery Mobile

jQuery Mobile contiene efecto CSS3 le permite seleccionar la página para abrir el camino.


transiciones de página jQuery Mobile

jQuery Mobile ofrece una variedad de interruptor de la página a la página siguiente de resultados.

Nota: Con el fin de lograr el efecto de cambiar la página, el navegador debe soportar conmutación CSS3 3D:

12.0 10.0 16.0 4.0 15.0

Las cifras en la tabla para apoyar 3D rotando número mínimo versión del navegador.

La página de efectos de transición se pueden aplicar a cualquier uso de la transición de datos de enlace atributo o formulario:

La página de efectos de transición se pueden aplicar a cualquier uso de la transición de datos de enlace atributo o el envío de formularios:

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

La siguiente tabla muestra los datos a la transición a través del uso de las propiedades disponibles para cambiar la página:

transición descripción página diálogo
descolorarse Predeterminado. Fundido a la página siguiente probar probar
capirotazo De aleteo hacia adelante a la página siguiente probar probar
fluir Lanza esta página a la página siguiente probar probar
música pop Al igual que las ventanas emergentes que van a la página siguiente. probar probar
diapositiva Deslizar el dedo desde la derecha a la página siguiente. probar probar
slidefade Pase a la izquierda y la derecha a desaparecer a la página siguiente. probar probar
slideUp Diapositiva de abajo hacia arriba a la página siguiente. probar probar
slideDown De arriba a abajo, diapositiva a la siguiente. probar probar
turno Vuelta a la página siguiente. probar probar
ninguno Sin efecto de transición. probar probar

lámpara Todo enlace de jQuery Mobile en el efecto de fundido por defecto (si el navegador es compatible).

Nota: Todos los efectos anteriores apoyan el comportamiento hacia atrás. Por ejemplo, si desea deslizar la página de izquierda a derecha, de derecha a izquierda en vez de deslizarse, bienes de uso de datos de dirección con el valor "inverso". En el botón de atrás, que es el valor predeterminado.

Ejemplos

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

Trate »