Foro | Los últimos tutoriales de desarrollo web
 

jQuery Mobile Ejemplos


jQuery Mobile Páginas

Una página web móvil básico
Multiples paginas
Caja de diálogo

Los ejemplos explicados


jQuery Mobile Transiciones

efecto de fundido
efecto flip
fluya efecto
efecto del estallido
efecto de diapositivas
efecto Slidefade
efecto slideUp
efecto slideDown
girar efecto
Sin efecto de transición
efecto inverso

Los ejemplos explicados


jQuery Mobile Botones

Crear un botón
botones inline
botones agrupados
botones Atrás
Cambiar el color del botón
Botones con o sin esquinas redondeadas
Botones pequeños o de tamaño regular
Botones con o sin sombras

Los ejemplos explicados


jQuery Mobile iconos de los botones

Añadir iconos a los botones
Añadir más iconos (iconos introducidos en la versión 1.4)
iconos de posicionamiento
Sólo visualización del icono
Retire el círculo (disco) Cambiar el color del icono

Los ejemplos explicados


jQuery Mobile Popups

Crear una ventana emergente básica
Añadir relleno y el margen de la ventana emergente
Cierre la ventana emergente con un botón de cierre derecha
Cierre la ventana emergente con un botón de cierre izquierda
emergente Undismissible
popups posicionamiento
La transición de ventanas emergentes
flechas emergentes
cuadros de diálogo emergentes
fotos emergentes

Los ejemplos explicados


Las barras de herramientas jQuery Mobile

Crear un encabezado y un pie de página
Añadir botones en la cabecera
Añadir un botón a la izquierda en la cabecera
Añadir un botón a la derecha en la cabecera
Pie de página con los botones
Pie de página con botones del centro alineado
Pie de página con los botones agrupados horizontalmente
Posición en línea - línea de encabezado y pie de página con contenido de la página
Posición fija - encabezado y el pie quedará posicionada en la parte superior e inferior de la página
Posición de pantalla completa - encabezado y el pie permanece colocado en la parte superior e inferior, sino también sobre el contenido de la página

Los ejemplos explicados


Barras de navegación jQuery Mobile

Crear una barra de navegación
Los iconos en los botones de navegación
Las barras de navegación en el contenido
Las barras de navegación en el pie de página
Añadir el seleccionado (pulsado) buscará botones en las barras de navegación
Agregue el seleccionado (pulsado) buscar persistentemente
Iconos de posicionamiento: la alineación de la parte superior
Iconos Posicionamiento: alineación a la derecha
Posicionamiento: iconos de alineación inferior
Posicionamiento: iconos de alineación izquierda
Una demostración de 10 botones en una barra de navegación

Los ejemplos explicados


Paneles jQuery Mobile

Crear un panel básico
Un panel con un botón de cierre
Cambiar la pantalla del panel
Posición derecha un panel
Posición del panel fijo

Los ejemplos explicados


jQuery Mobile botes hinchables

Crear un bloque plegable del contenido
Ampliar el contenido cuando se carga la página
Plegables bloques anidados
Conjuntos plegables (acordeón)
Retire esquinas redondeadas en botes hinchables
Hacer más pequeños botes hinchables
Cambiar el icono de botes hinchables
Cambiar la posición de icono de botes hinchables

Los ejemplos explicados


Tablas jQuery Mobile

Crear una tabla de reflujo
Crear una tabla de columna de palanca
Cambiar el texto del botón mesa basculante
Añadir sombras a la mesa
Añadir un borde inferior de todas las filas de la tabla
Añadir un color de fondo a todas las filas de la tabla

Los ejemplos explicados


jQuery Mobile Grids

Diseño de dos columnas
Diseño de tres columnas
Diseño de cuatro columnas
Diseño de cinco columnas
personalizar rejillas
Varias filas dentro de las columnas

Los ejemplos explicados


Listas de jQuery Mobile

Crear vistas de lista
Vistas de lista con esquinas redondeadas
Lista divisores
Autodividers
Crear listas de sólo lectura
Inserte los paneles de los elementos de la lista
Cambiar icono de enlace predeterminada para los elementos de lista
Añadir iconos para mostrar artículos
Añadir imágenes en miniatura para mostrar artículos
Añadir elementos HTML para llenar los elementos de la lista con la información
Crear listas con los botones de división
Hacer que los elementos de la lista más funcional
Crear burbujas de recuento
listas desplegables
listas plegables
Listas desplegables plegables
Ancho completo listas plegables
Crear un calendario

Los ejemplos explicados


jQuery Mobile Filtros

Crear un campo de búsqueda de listas
Cambie el texto dentro del campo de búsqueda
filtro personalizado
Filtrar listas plegables
tablas de filtros
Filtrar un elemento <div>

Los ejemplos explicados


Formas de jQuery Mobile

entradas de texto
Adición de un icono en los botones de entrada
La adición de un botón "claro" en las entradas
área de texto
entrada de búsqueda
Botones de radio
Las casillas de verificación
Botones y casillas de verificación horizontal de radio del grupo
Contenedores de campo con botones de opción y casillas de verificación
Pre-selección botón de opción / casilla de verificación
Coloque el formulario en una ventana emergente
JQuery Mobile prevenir el estilo automáticamente los elementos sangrables
Crear un menú de selección
Crear menús de selección con separadores (optgroup)
Seleccionar menús personalizada
Seleccionar varias opciones en el menú de selección
Menús de selección de grupo
Menús de selección de grupo horizontalmente
Menús de selección Minify
Pre-seleccionar una opción
selecciones emergentes
formas plegables
Cambiar el icono de selección por defecto
Cambiar la posición de icono
Crear un control deslizante
Mostrar el valor en el botón deslizante
Hacer que el valor emergente en la pantalla como el tobogán de usuario
Resalte la pista hasta el valor del control deslizante
Control deslizante de rangos (dual)
Crear un interruptor de palanca del tirón
Cambiar el texto en el interruptor basculante
Pre-seleccionar un interruptor de dos posiciones
Estilo del interruptor basculante

Los ejemplos explicados


Temas jQuery Mobile

Tema de la "a"
Tema "b"
Tematización cabecera y pie de página
diálogos Theming
botones de tematización
iconos de tematización
popups Theming
Botones de tematización en cabecera y el pie
Barras de navegación tematización
paneles de tematización
Tematización botón plegable y contenido
listas de tematización
Botones tematización de división
Tematización listas plegables
formas de tematización
Tematización formas plegables
personalizar los temas

Los ejemplos explicados


jQuery Mobile Eventos

caso del grifo
evento Taphold
evento swipe
evento Swipeleft
evento Swiperight
evento Scrollstart
evento Scrollstop
Evento orientationChange - orientación Alerta
Evento orientationChange - Establecer diferentes estilos para el retrato y el paisaje
La página de eventos de inicialización
Eventos de carga de página
La página de eventos de transición

Los ejemplos explicados