Javascript Mouseover и mouseout действия

У меня есть код вроде;

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

Я хочу, чтобы гиперссылка показывала разделитель, когда над ним находится мышь, и в то же время, если пользователь наводит указатель на div, div не закрывается и будет продолжать отображаться, но если пользователь перемещает курсор из div и гиперссылки див закроется. Что я могу реализовать внутри функций ShowDiv() и HideDiv().

Благодарю вас..

Изменить: в начале для видимости разделения установлено значение false, и оно отображается, когда мышь перемещается по гиперссылке.


javascript jquery onmouseover onmouseout onmouseup
person aeciftci    schedule 18.07.2011    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Я мог бы дать вам точный ответ, но я бы хотел, чтобы вы прочитали эту статью о jQuery mouseenter и также mouseleave и вы обязательно найдете там свой ответ (и тоже узнаете!) :)

person vinceh    schedule 18.07.2011
comment
Большое спасибо за ответ @vinceh, это именно то, что я ищу, но я хочу еще кое-что. Я реализовал функции mouseenter и mouseleave, но проблема в том, что когда мышь покидает гиперссылку и переходит в другую область, div закрывается, это нормально. Но когда мышь покидает гиперссылку и переходит через разделитель, она не должна закрываться, но закрывается, как я могу предотвратить это? - person aeciftci; 18.07.2011

arrow_upward
1
arrow_downward

Надеюсь, что ссылка также поможет

person Youssef Hussein    schedule 18.07.2011

arrow_upward
0
arrow_downward

Если вы используете 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>
person Mads Ohm Larsen    schedule 18.07.2011