Si coloco el mouse sobre un, div
el 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, div
el 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 div
tiene una id="myDiv"
, agregue lo siguiente a su CSS. Las cursor: pointer
especifica 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 div
HTML 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 myClass
con cualquier clase todos sus div
recursos compartidos)
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"
a su div
HTML. 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 :hover
faltaba en las respuestas anteriores. Entonces, seguir haría lo necesario. (Si se requiere css)
#myDiv:hover
{
cursor: pointer;
}