jueves, 5 de marzo de 2015

jQuery snippets: el método hover


En esta nueva sección, procuraremos presentar snippets.  Es un término del idioma inglés utilizado en programación para referirse a pequeñas partes reusables de código fuente, código binario o texto.

Hover entrando/saliendo

$("a").hover(
  function () {
    // código a ejecutarse cuando el apuntador pasa por encima
  },
  function () {
    // código a ejecutarse cuando el apuntador sale del elemento
  }
);

El método hover de jQuery es una solución rápida para manejar esos eventos. Puede determinar si el usuario esta moviendo el apuntador para pasar sobre el elemento seleccionado (mouseenter), o si el usuario está a punto de salir del mismo (mouseleve). Esto permite establecer dos funciones personalizadas, donde se pueden ejecutar dos conjuntos distintos de código.

Su sintaxis: 
$(selector).hover(functionCuandoEntra,functionCuandoSale)

Parametro Descripción
functionCuandoEntra Especifica la función a ejecutarse cuando ocurre un evento mouseenter
functionCuandoSale Especifica la función a ejecutarse cuando ocurre un evento mouseleave

Nuestro ejemplo:

Si quieres obtener más conocimiento sobre el método hover:
Descripción oficial (jQuery) | Método hover (Libro jQuery)

No hay comentarios.:

Publicar un comentario