将滑鼠游标移至类似锚点的样式


109

如果我将鼠标悬停在鼠标div光标上,它将变为HTML锚点中的光标。

我怎样才能做到这一点?我需要Javascript还是仅CSS有可能?

Answers:


221

假设您divid="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');

我想用jquery而不是css做到这一点
2011年

7
@guru:不需要脚本。您所需要做的就是添加style="cursor: pointer"到您div的HTML中。我将用一个示例来编辑答案。
德文·伯克,

有五个班级相同的班级,我无法将所有这些添加到“ style =“ cursor:pointer”
2011年

@guru,如果所有div都具有相同的类,那么您实际上可以在页面的CSS文件中为该类的CSS规则添加“ cursor:指针”
攻击

1
如果问题是目标之一,那么作为贾斯汀已经问过了,因为每个人总是要问,POST代码,以便我们可以帮助您将它
Sinetheta

24

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

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

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

那应该做到的。


3
这是多余的,因为当鼠标悬停在a div上时,它的光标可见。一旦用户悬停了,就没有理由将其删除,因为无论如何那时都不会看到光标。
德文·伯克

2
虽然这个问题的提出范围很窄(关于DIV),但该答案广泛适用。它对任何HTML元素(例如表格,<p>,按钮等)很有用。这就是我对其+1的原因。
彼得

10

实际上,您不需要jQuery,仅需要CSS。例如,下面是一些HTML:

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

这是CSS:

.special
{
    cursor: pointer;
}


0

我认为:hover以上答案中缺少此内容。因此,以下将做有需要的。(如果需要CSS)

#myDiv:hover
{
    cursor: pointer;
}

在没有:hover的情况下为我工作,可能还有更多,因为答案获得了很多好评。你试过了吗?
dading84 '16

是的,忽略这个答案
being_ethereal
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.