Drop-down menu. CSS+JavaScript
Написано для собственных нужд.
Инвалид HTML [ LiNk ]
Valid HTML [ LiNk ]
Радости:
1. Тестировалось в Opera 6+, IE 6, Mozilla 1.2, Mozilla Firebird 0.6. Работало.
2. CSS + js можно ужать до ~3,5kb (и я подозреваю, что это не предел).
Гадкая пакость, совершенно безразличная «нестандартным» людям:
Если указывать DOCTYPE, то в Mozilla/Firebird перестаёт корректно работать DOM (или начинает корректно работать?). Все меню второго уровня уходят влево. Я не знаю как бороться с этим. «Нутром чую, что литр, а доказать не могу». Очень мало опыта.
Менее гадкие пакости:
1. Мне не понравилась работа onmouseover в Mozilla. Меню появляется при наведении курсора на кнопку, но если курсор «проскользнёт» на текст этой кнопки, то меню пропадает и появляется снова лишь после того, как пользователь убрал указатель мыши с надписи. С onclick подобных проблем нет.
2. Иногда не срабатывает hide(). Вероятность этого достаточно мала, но очень сильно нервирует. Лечит подобные неврозы div id="clear" + onmouseover="hide()". Если таким div’ом занять всю область без меню (контент, блин), то эта мелкая гадость перестанет досаждать.
Есть ещё несколько неприятных моментов, но они не критичны в работе. Во всяком случае это меню мне нравится больше тех свалок килобайт, что я видел.
PS. Тем, у кого есть возможность выделить под навигацию лишние килобайты, ещё раз рекомендую посмотреть описание создания и примеры Menu Bar на сайте BrainJar. Тоже можно порезать прилично.
Categories: CSS, dHtml | comments: (1)
Комментарии
1. Cyrax 22nd February 2005 - 10:46
хочу поделиться своей реализацией подобного меню, и спросить совета.
само меню основано на <a href=«http://www.webmascon.com/topics/coding/42a.asp»>этом<a> с небольшими доработками и изменениями.
на сколько я могу судить по результатам самомтоятельного тестирования (Opera 8.0 beta, IE 6.0, Mozila 1.8a4, Mozila Firefox 1.0) меню работает везде кроме Firefox. выражается это в следующем: при наведении курсора на пункт, содержащий подменю, подменю появляется; при уходе курсара меню исчезает; но если курсор перешел на само подменю, а потом с него ушел, то подменю исчезает не всегда. а с подменю второго уровня вложенности происходят еще более странные вещи: появляться оно появляется, с этим все в порядке, но вот исчезает по неизвестным мне мотивам, т.е. то скроется, то нет…
сам пример можно посмотреть здесь
архив для подробного изучения