Sencillo post sobre jQuery hover() para detectar la presencia del cursor sobre los diferentes elementos del DOM de una web.
Esta función de jQuery es muy parecida a las 2 siguientes:
Veamos la sintaxis de extraída de su web oficial:
$(selector).hover(inFunction, outFunction)
Os comento los parámetros de hover():
Vamos a ver en este ejemplo de hover() la funcionalidad de la función:
$(document).ready(function(){ $("#prueba").hover(function(){ $("#prueba").css("background-color", "#000000"); }, function(){ $("#prueba").css("background-color", "#C3C3C3"); }); });
Os explico el código superior:
El código HTML del rectángulo es el siguiente:
<div id="prueba" style="height:200px; width:500px; background-color:#C3C3C3; padding:50px 50px 50px 50px;"></div>
Para la detección, control o selección de elementos con jQuery os recomiendo leer este post: