Question

我有一个类似的代码;

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

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

谢谢..

编辑：divid visibility在开头设置为false，当鼠标在超链接上移动时显示

Answer 1

我可以给你确切的答案，但我希望你能阅读关于jQuery的mouseenter和this的mouseleave文章，你肯定会在那里找到你的答案（并且还要学习！）：）

Answer 2

希望Link也可以帮助

Answer 3

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

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

Javascript鼠标悬停和鼠标移动操作

3 个答案: