JQuery – Efectos y Eventos
JQuery nos permite a un texto o imagen en las páginas web varios efectos como los siguientes:
Efectos:
hide: Ocultar un elemento de nuestra página web.
show: Mostrar un elemento de nuestra página que está oculto.
slideDown: Deslizar un elementos hacia abajo.
slideUp: Deslizar un elementos hacia arriba.
fadeIn: Desvanecer un elemento oculto, haciéndolo visible.
fadeOut: Desaparecer un elemento, haciéndolo invisible.
animate: Anima un elemento en la página web en una dirección particular.
Eventos:
load: Se produce cuando una página web ha terminado de cargarse en el navegador o cuando un elemento en una página se ha cargado, como una imagen por ejemplo.
mouseover: Se produce cuando se mueve el cursor del ratón sobre un ubicación específica en una página web.
mouseout: Se produce cuando el cursor del ratón se mueve fuera de un ubicación específica en una página web.
change: Si el valor de algo (por ejemplo, el texto de un campo de un formulario web) cambia, se produce este evento. Esto es útil para asegurarse de que alguien ingresó la información correcta en el campo de texto.
¿Teoría verdad?, lo veremos más adelante con ejemplos.
Haré el primer uso de JQuery hoy… luego seguiremos con más. el acceso a internet está terrible.
Para todos los ejercicios utilizaremos archivos en un par de carpetas, la primera llamada js donde almacenaremos JQuery y otra images donde almacenaremos imágenes de ejemplo.