将鼠标光标移到鼠标样式上

Question

如果我将鼠标悬停在鼠标div光标上,将会像HTML锚点一样更改为光标.

我怎样才能做到这一点？我是否需要使用Javascript或仅使用CSS？

Answer 1

假设您div有id="myDiv",请将以下内容添加到CSS中.的cursor: pointer指定光标应该是相同的手的图标是用于使用锚(超链接):

要添加的CSS

#myDiv
{
    cursor: pointer;
}

你可以简单地将光标样式添加到你div的HTML中,如下所示:

<div style="cursor: pointer">

</div>

编辑:

如果您决定使用jQuery,那么将以下行添加到您的$(document).ready()身体onload:(替换myClass为您所有div共享的任何类)

$('.myClass').css('cursor', 'pointer');

Answer 2

如果你想在jQuery而不是CSS中这样做,你基本上都遵循相同的过程.

假设你有一些<div id="target"></div>,你可以使用以下代码:

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

那应该这样做.

Answer 3

你实际上不需要jQuery,只需要CSS.例如,这里有一些HTML:

<div class="special"></div>

这是CSS:

.special
{
    cursor: pointer;
}

Answer 4

这会

#myDiv
{
    cursor: pointer;
}