javascript - Javascript Mouseover 和 mouseout 动作

Question

我有一个类似的代码；

<asp:HyperLink ID="hl" onmouseover="ShowDiv();" onmouseout="HideDiv();" runat="server"/>
<div ID="divid" onmouseover="ShowDiv();" onmouseout="HideDiv();">Test</div>

我希望超链接在鼠标悬停时显示 div，同时如果用户将指针移到 div 上，则 div 不会关闭并继续显示，但如果用户将光标移出 div 和超链接div 将关闭。我可以在 ShowDiv() 和 HideDiv() 函数中实现什么。

谢谢你..

编辑：在开始时，div 的可见性设置为 false，当鼠标移到超链接上时它会显示

Answer 1

我可以给你确切的答案，但我希望你阅读这篇关于 jQuery 的 mouseenter 和mouseleave的文章，你一定会在那里找到你的答案（并学习！）:)

Answer 2

希望链接也能有所帮助

Answer 3

如果您使用的是 jQuery，则可以使用hide()andshow()函数。

<asp:HyperLink ID="hl" onmouseover="$('#divid').show();" onmouseout="$('#divid').hide();" runat="server"/>
<div ID="divid" onmouseover="$('#divid').show();" onmouseout="$('#divid').hide();">Test</div>