1. ¿Qué es JQuery?

JQuery es un framework de Javascript, con la que podemos:
  • Manipular el arbol DOM
  • Manejar eventos
  • Desarrollar animaciones
  • Agregar interacción con la tecnología AJAX a páginas web.
  • Manipulación de la hojas de estilos CSS.

2. WIDGETS CON JQUERY

2.1 Datepicker Simple por Defecto

El datepicker esta vinculado a un textfield. Se debe enfocar en el campo de entrada para abrir un calendario interactivo. Finalmente se elige la fecha y listo!.
Nota: Click en el textbox para que pueda probarlo!



2.2 Datepicker con Lista de Desplegable para el Mes y el Año

Muestra el mes y año en la cabecera del combo del mes y el año para facilitar la navegación a través de calendarios de gran tamaño. Finalmente se elige la fecha y listo!.
Nota: Click en el textbox para que pueda probarlo!



2.3 Datepicker habilitado desde un icono

Haga click en el icono junto al campo de entrada para mostrar el datepicker. Finalmente se elige la fecha y listo!.
Nota: Click en el icono para que pueda probarlo!



2.4 Datepicker localizado desde otros idiomas

Localice el lenguaje del calendario del datepicker (El Formato Español está por defecto). El datepicker incluye idiomas de español, francés, inglés, italiano y portugués. Finalmente se elige la fecha y listo!.
Nota: Seleccione un idioma y haga click en el textbox para que pueda probarlo!



3. ANIMACIONES

3.1 Cargar Contenido desde Menu

En este ejemplo se añade la funcionalidad de AJAX para que el contenido se cargue en el contenedor correspondiente, en lugar de que el usuario tenga que desplazarse a otra página. También se muestra la integración de algunos efectos de animación
Nota: Debajo de la imagen haga click en "VER DEMO" para que pueda probarlo!

3.2 Accordion Dropdown

Los acordeones puede ser muy útiles para mostrar muchas de secciones diferentes en una pequeña cantidad de espacio. En este ejemplo se abre y cierra el contenido por cada seccion del menu.
Nota: Debajo de la imagen haga click en "VER DEMO" para que pueda probarlo!

3.3 Mosaico Slideshow

En este ejemplo, el efecto de mosaico del slideshow se consigue dividiendo la imagen original en partes más pequeñas. Estos cuadros, que contienen partes de la imagen, se oculta a la vista de forma secuencial, lo que provoca el efecto.
Nota: Debajo de la imagen haga click en "VER DEMO" para que pueda probarlo!

Copyright © 2014 Trujillo - Perú