Si coloco el mouse sobre un, divel cursor del mouse se cambiará al cursor como ese en el ancla HTML.
¿Cómo puedo hacer esto? ¿Necesito Javascript o es posible solo con CSS?
Si coloco el mouse sobre un, divel cursor del mouse se cambiará al cursor como ese en el ancla HTML.
¿Cómo puedo hacer esto? ¿Necesito Javascript o es posible solo con CSS?
Respuestas:
Suponiendo que divtiene una id="myDiv", agregue lo siguiente a su CSS. Las cursor: pointerespecifica que el cursor debe ser el mismo icono de la mano que es el uso de anclas (hipervínculos):
CSS para agregar
#myDiv
{
cursor: pointer;
}
Simplemente puede agregar el estilo del cursor a su divHTML de esta manera:
<div style="cursor: pointer">
</div>
EDITAR:
Si está decidido a usar jQuery para esto, agregue la siguiente línea a su $(document).ready()cuerpo o onload: (reemplace myClasscon cualquier clase todos sus divrecursos compartidos)
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"a su divHTML. Editaré mi respuesta con un ejemplo.
Si desea hacer esto en jQuery en lugar de CSS, básicamente sigue el mismo proceso.
Suponiendo que tiene algunos <div id="target"></div>, puede usar el siguiente código:
$("#target").hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
y eso debería hacerlo.
div es visible cuando el mouse está sobre él. No hay ninguna razón para eliminarlo una vez que el usuario se desplaza hacia afuera porque el cursor no se verá en ese momento de todos modos.
Creo que :hoverfaltaba en las respuestas anteriores. Entonces, seguir haría lo necesario. (Si se requiere css)
#myDiv:hover
{
cursor: pointer;
}