Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как работает onmouseout? (https://javascript.ru/forum/dom-window/25121-kak-rabotaet-onmouseout.html)

yagami1989 26.01.2012 09:17

как работает onmouseout?
 
При движении мышки вверх меню не прячет div. Вниз все нормально дивы прячутся.

<style>
DIV.nav_2 {
background-color: yellow;
padding: 5px;
color: #000000;
display: none;
}
</style>

<script>
function openBlock(el) {
var kids = el.childNodes;

for (var k = 0; k < kids.length; k++) {
var child = kids[k];

if (child && child.className == "nav_2") {
if (child.style.display != 'block') {
child.style.display = 'block';
} else {

}
}
}
}


</script>



<li class="item1_norm active" onmouseover="openBlock(this);"><a href="" class="active">Одежда</a>

<div class="nav_2" onmouseout="this.style.display = 'none';">

<a href="./Брюки_files/Брюки.htm">Брюки</a>

<a href="">Куртки</a>

<a href="">Рубашки</a>
</div>



</li>

Pavel M. 26.01.2012 11:17

напишите в вашем коде
в функции openBlock
console.log('open')

а в обработчике onmouseout
console.log('close')

и посмотрите что происходит

когда мышка идет вверх происходит закрытие
и снова открытие


Часовой пояс GMT +3, время: 17:03.