将光标更改为手指指针

我有这个a，我不知道我需要插入到“onmouseover”中，这样光标就会像常规链接一样变成手指指针:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

我在某个地方读到我需要写的东西:

onmouseover="cursor: hand (a pointing hand)"

但这对我没用。

另外，我不确定这是否被认为是JavaScript, CSS，或只是普通的HTML。

当前回答

添加href属性使其成为有效链接并返回false;在事件处理程序中防止它导致导航;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(或使displayData()返回false和..= "返回displayData (. .)

其他回答

如果我在页面上只有一个链接，我喜欢使用这个:

onMouseOver="this.style.cursor='pointer'"

在CSS中写入

a.menu_links:hover{ cursor:pointer}

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

css。

或者在样式表中:

a.menu_links { cursor: pointer; }

添加href属性使其成为有效链接并返回false;在事件处理程序中防止它导致导航;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(或使displayData()返回false和..= "返回displayData (. .)

如果你想多花点心思，这里有一些很酷的东西。在url中，您可以使用链接或保存PNG图像并使用路径。例如:

url(’assets imgs / theGoods.png’);

下面是代码:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

因此，这将只适用于大小128 X 128，任何更大的图像将无法加载。但实际上你可以使用任何你想要的图像!这将考虑纯css3，和一些html。在HTML中你要做的就是

<div class='cursor'></div>

只有在这个div中，光标才会显示。所以我通常把它添加到body标签中。

推荐文章