ФорумПрограммированиеJavaScript → Помогите с выпадающем меню

Помогите с выпадающем меню

  • TRIAL

    Сообщения: 988 Репутация: N Группа: Джедаи

    Spritz 18 февраля 2008 г. 11:03

    Нашел скрипт выпадающего меню. Но кое что не устраивает. Сам чего-то ума не приложу как переписать. В общем вот код
    <HTML>
    <HEAD>
    <script language="javascript" type="text/javascript">

    function menuhide(menunum)
    {
    var currentmenu = document.getElementById("navbody" + menunum);
    currentmenu.style.visibility = 'hidden';
    }

    function menushow(menunum)
    {
    var currentmenu = document.getElementById("navbody" + menunum);
    currentmenu.style.visibility = 'visible';
    }

    </script>

    <style type="text/css">
    .navhead {
    width: 100px;
    padding: 4px;
    font-weight: bold;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    background-color: #f0f0f0;
    border: solid 1px #666"
    }

    #navbody1 { visibility: hidden; }
    </style>
    </HEAD>

    <BODY>


    <div onmouseout="menuhide('1');" onClick="menushow('1');" style="float: left; width: 100px; margin: 2px;">
    <div class="navhead">Информация</div>
    <div id="navbody1" style='visibility: hidden'>
    <a href="/news.html">Новости</a><br />
    <a href="/products.html">Товары</a><br />
    <a href="/about.html">О компании</a>
    </div>
    </div>

    </BODY>
    </HTML>

    Нужно сделать следующее: при клике на поле Информация, открывается подменю по которому можно спокойно перемещаться. Когда отводишь мышку поле исчезает. Сейчас почему то подменю исчезает, как только я пытаюсь переместить на него курсор.
    from TRIAL with LOVE
  • TRIAL

    Сообщения: 988 Репутация: N Группа: Джедаи

    Spritz 18 февраля 2008 г. 11:37, спустя 34 минуты 42 секунды

    Частично исправил заменой visibility: hidden на display: none, а visibility: visible на display: inline.
    Но до сих пор не могу понять. Какого хрена срабатывает onMouseOut на основном div'e когда я перемещаюсь по его вложенным элементам.
    from TRIAL with LOVE
  • vasa_c

    Сообщения: 3131 Репутация: N Группа: в ухо

    Spritz 18 февраля 2008 г. 12:01, спустя 24 минуты 2 секунды

    Какого хрена срабатывает onMouseOut на основном div'e когда я перемещаюсь по его вложенным элементам.

    Обработка событий в DOM
    Обработка событий в IE

Пожалуйста, авторизуйтесь, чтобы написать комментарий!