将鼠标悬停在上方的鼠标光标更改为类似锚点的样式

2022-08-30 05:08:57

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

我该怎么做?


答案 1

假设您有一个 ,请将以下内容添加到您的 CSS 中。指定光标应与用于锚点(超链接)的手形图标相同:divid="myDiv"cursor: pointer

要添加的 CSS

#myDiv
{
    cursor: pointer;
}

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

<div style="cursor: pointer">

</div>

编辑:

如果您决定为此使用jQuery,那么将以下行添加到您的或body中:(替换为您所有共享的任何类)$(document).ready()onloadmyClassdiv

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

答案 2

如果你想在jQuery而不是CSS中执行此操作,你基本上遵循相同的过程。

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

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

这应该可以做到。