Javascript Mouseover和mouseout動作

我有一個類似的代碼;Javascript Mouseover和mouseout動作

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

我想要的超鏈接以顯示DIVID當鼠標移動到它，並在同一時間，如果用戶將鼠標指針移到股利股利不會關閉，將繼續呈現，但如果用戶移動光標超出div和超鏈接div將關閉。我可以在ShowDiv（）和HideDiv（）函數中實現什麼。

謝謝。

編輯：DIVID可見性設置爲false之初，它顯示了當在超鏈接鼠標移動

來源

2011-07-18 aeciftci

我可以給你確切的答案，但我想你閱讀jQuery的的mouseenter this文章也mouseleave，你一定會在那裏找到答案（和學習！）:)

來源

2011-07-18 08:06:49 vinceh

非常感謝你的答案@vinceh，這是正是我要找的，但我想一兩件事。我實現了mouseenter和mouseleave的功能，但問題是當鼠標離開超鏈接並轉到div關閉的其他區域時，這是可以的。但是，當鼠標離開超鏈接並越過divid時，它不能關閉，但它正在關閉，我該如何防止這種情況？ – aeciftci

如果你使用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>

來源

2011-07-18 08:06:51

希望這Link也可以幫助

來源

2011-07-18 08:17:28

Javascript Mouseover和mouseout動作

回答

相關問題