Se eu passar o mouse sobre a, div
o cursor do mouse será alterado para o cursor como o da âncora HTML.
Como posso fazer isso? Eu preciso de Javascript ou só é possível com CSS?
Se eu passar o mouse sobre a, div
o cursor do mouse será alterado para o cursor como o da âncora HTML.
Como posso fazer isso? Eu preciso de Javascript ou só é possível com CSS?
Respostas:
Supondo que você div
tenha um id="myDiv"
, adicione o seguinte ao seu CSS. O cursor: pointer
especifica que o cursor deve ser o mesmo ícone de mão usado para âncoras (hiperlinks):
CSS para adicionar
#myDiv
{
cursor: pointer;
}
Você pode simplesmente adicionar o estilo do cursor ao seu div
HTML da seguinte maneira:
<div style="cursor: pointer">
</div>
EDITAR:
Se você está determinado a usar jQuery para isso, adicione a seguinte linha ao seu $(document).ready()
corpo ou onload
: (substitua myClass
por qualquer classe todas as suas div
ações)
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"
ao seu div
HTML. Vou editar minha resposta com um exemplo.
Se você quiser fazer isso em jQuery em vez de CSS, basicamente siga o mesmo processo.
Supondo que você tenha algum <div id="target"></div>
, você pode usar o seguinte código:
$("#target").hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
e isso deveria bastar.
div
fica visível quando o mouse está sobre ele. Não há razão para removê-lo depois que o usuário sai do lugar, porque o cursor não seria visto naquele momento.
Acho que :hover
estava faltando nas respostas acima. Então, seguir seria o necessário. (Se o css fosse necessário)
#myDiv:hover
{
cursor: pointer;
}