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

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;
}

Answer 5

我认为上面的答案中缺少:hover。所以下面会做必要的。（如果需要css）

#myDiv:hover
{
    cursor: pointer;
}