Новый взгляд на старые вещи

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха информатор 3.1
Еще более удобное оповещение о флуде!

Краснодарское время: 25 Май, 2012, 06:17:08

Страниц: [1]
Печать
Автор Тема: Помогите с выпадающем меню  (Прочитано 1076 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
TRIAL    ↓ 
18 Февраль, 2008, 11:03:11
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 7
Сообщений: 907
Сила слова: 0.77

Нашел скрипт выпадающего меню. Но кое что не устраивает. Сам чего-то ума не приложу как переписать. В общем вот код
Text
<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    ↓ 
18 Февраль, 2008, 11:37:53 , спустя 34 минуты 42 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 7
Сообщений: 907
Сила слова: 0.77

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

from TRIAL with LOVE
vasa_c    ↓ 
18 Февраль, 2008, 12:01:55 , спустя 24 минуты 2 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: в ухо

Карма: 81
Сообщений: 2459
Сила слова: 3.29

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

Страниц: [1]
Печать
 

Перейти в: