DESARROLLO DE ENTORNO WEB  MANEJO DE EVENTOS COMPORTAMIENTO EN COLA EVENTO HOVER.

Presentación del tema: "DESARROLLO DE ENTORNO WEB  MANEJO DE EVENTOS COMPORTAMIENTO EN COLA EVENTO HOVER."— Transcripción de la presentación:

1 DESARROLLO DE ENTORNO WEB  MANEJO DE EVENTOS COMPORTAMIENTO EN COLA EVENTO HOVER

2 Definición de JQuery Es una biblioteca de JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web.

3 OBJETIVOS El alumno use la librería JQUERY, incorporándola en una página web. El alumno aprenda el comportamiento en cola para los eventos y uso del evento hover de la librería JQUERY.

4 ACTIVIDADES PROPUESTAS Los alumnos elaboran una página mostrando por consola el comportamiento en cola de los eventos. Los alumnos elaboran una página haciendo uso del Evento Hover.

5

6 Manejo de Eventos Un listado con los distintos manejadores eventos que podemos definir en jQuery, ordenados por los tipos eventos de ratón, eventos de teclado o cualquiera de los dos. Ejemplo:

7 Comportamiento en cola jQuery tiene un comportamiento en cola (el primero en entrar es el primero en ejecutarse.

8

9

10 Evento Hover El evento hand over o hover es disparado cuando pasamos el cursor por encima de algún elemento. Este evento puede soportar 2 manejadores.

11

12 Pasamos el mouse por encima de la caja Quitamos el cursor de la caja