将鼠标上的鼠标光标更改为锚点样式

如果我将鼠标hover在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()或body onload ：（把myClassreplace成你所有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; }