Это MWEB.RU

**Electra** Сб сен 22, 2007 22:51

Помогите плиз советом. Как создать на сайте кнопку, при наведении мышки на которую, появляется выпадающее меню со ссылками?

**Berezkin** Вс сен 23, 2007 16:11

Я бы сделал так:
создал бы саму собственно кнопку
и около нее див, у которого style="display: none;"
а потом написал бы скрипт типа

function showMenu(obj) {
obj.style.display = "";
}

и повесил бы его на кнопку, типа onmouseover="showMenu(id)"

где id - id того самого дива, который менюшкой будет

**Padonak** Вс сен 23, 2007 23:57

тогда уж вот так наверно

function showMenu(objID) {
document.getElementById(objID).style.display = "block";
}

**Berezkin** Пн сен 24, 2007 9:32

Как я написал, тоже можно и работает везде. А кода меньше писать -06-

**Kat** Пн сен 24, 2007 10:26

он имеет в виду, что в обработчик ты передаешь айди

Berezkin писал(а):и повесил бы его на кнопку, типа onmouseover="showMenu(id)"

где id - id того самого дива, который менюшкой будет

а в функции у тебя параметр-это уже объект. поменяй или в одном месте или в другом) -03-

**Berezkin** Пн сен 24, 2007 11:16

Да и так все работает...

Код: Выделить всё: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body> <script> function hide(obj) { obj.style.display = "none"; } function show(obj) { obj.style.display = ""; } </script> <b onmouseover="hide(red)" onmouseout="show(red)" style="cursor: pointer;">НАВЕДИ НА МЕНЯ</b> <div id="red" style="background: #ff0000; border: #000000 1px solid; width: 100px; height: 100px;"></div> </body> </html>

**Padonak** Пн сен 24, 2007 20:46

2Kat:

**Alkeeper** Вт сен 25, 2007 12:56

Код: Выделить всё: <script type="text/javascript"> function show(elem){ elem.children[1].style.display = 'block'; } function hide(elem){ elem.children[1].style.display = 'none'; } </script>

Код: Выделить всё: <div onmouseover="show(this)" onmouseout="hide(this)"> <div><a href="scilko">Текст сцылки</a></div> <div class="hidden_menu">Потменью</div> </div>

Вот как-то так, мог где-то ошыбиццо, не тестил

**Kat** Вт сен 25, 2007 13:11

2Alkeeper:
между прочим в FF если у дива будет атрибут, то совсем не обязательно первый чайлд будет то, что надо-не мешает тогда уж проверять на ноду)

**Berezkin** Вт сен 25, 2007 13:28

2Kat: Какой атрибут?

**Kat** Вт сен 25, 2007 13:49

Berezkin писал(а):2Kat: Какой атрибут?

ну ты же код пишешь расширяемый? а если у дива добавишь какие то атрибуты в теге-то? мозила их при обходе дерева тоже учитывает и первый чайлд будет тогда не ссылка, а атрибут тега)
модераторам: убейте плиз мой дубль-пост потому как у меня тоже глюкануло чтото) типа 503 ерор)

**kost** Вс сен 30, 2007 1:17

Настоящие ниндзя пишут выпадающее меню без JS.

http://www.cssplay.co.uk/menus/flyoutt.html

**Berezkin** Чт окт 04, 2007 13:43

Вот на эту тему скриптик прикрутить можно. Идею подсмотрел на сайте hh.ru, но там конечно скипт более продвинутый, мой и в подметки не годится. Но зато проще гораздо.

http://greatrash.jino-net.ru/mega-links.html

2kost: Настоящие ниндзя на том сайте страшные вещи творят...вспомнить хотя б круглые ссылки...

Это MWEB.RU

Создание кнопки с выпадающим меню

Создание кнопки с выпадающим меню

Кто сейчас на конференции