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

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

  • TRIAL

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

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

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

    function menuhide(menunum)
    {
    var currentmenu = document.getElementById(&quot;navbody&quot; + menunum);
    currentmenu.style.visibility = &#39;hidden&#39;;
    }

    function menushow(menunum)
    {
    var currentmenu = document.getElementById(&quot;navbody&quot; + menunum);
    currentmenu.style.visibility = &#39;visible&#39;;
    }

    </script>

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

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

    <BODY>


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

    </BODY>
    </HTML>

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

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

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

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

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

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

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

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

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