将光标更改为手指指针
我有这个,我不知道我需要插入到“onmouseover”,以便光标将更改为手指指针像一个常规的链接:
<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>
我读了一些我需要说的地方:
onmouseover="cursor: hand (a pointing hand)"
但这不适合我
另外我不确定这是否被认为是JavaScript,CSS或纯HTML。
<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>
这是CSS。
或者在样式表中:
a.menu_links { cursor: pointer; }
你可以在CSS中做到这一点:
a.menu_links { cursor: pointer; }
这实际上是链接的默认行为。 你必须以某种方式在你的CSS的其他地方覆盖它,或者在那里没有href
属性(在你的例子中是缺less的)。
我喜欢使用这一个,如果我只有一个链接在页面上:
onMouseOver="this.style.cursor='pointer'"
在CSS写
a.menu_links:hover{ cursor:pointer}
这里有一些很酷的东西,如果你想用这个去做更多的事情。 在url中,你可以使用一个链接或保存图像PNG,并使用path。 例如:
URL( '资产/ IMGS / theGoods.png');
下面是代码:
.cursor{ cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto; }
所以这只会在128×128的大小下工作,任何更大的和图像不会加载。 但是,你几乎可以使用任何你想要的图像! 这将是考虑纯css3,和一些HTML。 所有你需要做的HTML是
<div class='cursor'></div>
只有在该div中,该光标才会显示。 所以我通常把它添加到body标签。
我认为上面的“最佳答案”尽pipe在程序上是准确的,但并不真正回答提出的问题。 该问题询问如何更改mouseover事件中的指针。 我看到有关如何可能有错误的地方没有回答这个问题的post。 在接受的答案中,mouseover事件是空白的( onmouseover=""
),而style包含了这个选项。 为什么这样做呢?
询问者的链接可能没有错。 考虑下面的html:
<a id=test_link onclick="alert('kinda neat);">Click ME!</a>
当一个用户鼠标在这个链接上时,指针不会变成一只手……相反,指针的行为就像是hover在普通文本上一样。 有人可能不想要这个…所以,鼠标指针需要被告知改变。
正在寻找的答案是(这是由另一个发布):
<a id=test_link onclick="alert('Nice!');" onmouseover="this.style.cursor='pointer';">Click ME!</a>
然而,如果你有很多这样的东西,那么这是一场噩梦,或者在这个地方使用这种东西,并决定做出某种改变或者遇到一个错误。 最好为它做一个CSS类:
a.lendhand { cursor: pointer; }
然后:
<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>
还有很多其他方法,可以说比这个方法更好。 DIV , BUTTON , IMG等可能会更有用。 不过,我认为使用<a>...</a>
没有任何坏处。
jarett。
添加一个href
属性使其成为一个有效的链接并return false;
在事件处理程序中防止导致导航;
<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>
(或者让displayData()
返回false, ..="return displayData(..
)
答案中提到的纯CSS解决scheme标记为“最好”,不适合这种情况。
本主题中的示例没有正常的静态href属性,只是调用了JS,所以没有JS就不会做任何事情。
所以只用JS打开指针是很好的。 所以,解决scheme
onMouseOver="this.style.cursor='pointer'"
如上所述(但我不能在这里评论)是最好的在这种情况下。 (但是,一般来说,对于不需要JS的普通链接,最好使用没有JS的纯CSS。)