Минималистское выпадающее меню
Еще одно минималистского решение для создания выпадающего меню от одного из моих любимых дизайнеров — Michael'а Leigeber'а(простите, но не могу никак прочитать его фамилию).
Меню строится с помощью сочетания css + javascript, противников использования javascript'а для таких нужд не мало, но все же это меню имеет право на свое существование.
Как всегда радует размер скрипта — 1.8 килобайт ;-)
Живой пример
На мой взгляд выглядит очень даже клёва.
Классная и «легкая» штука. Сразу нашел ей применение. :)
Приятное меню, но под IE почему-то не подсвечиваются ссылки подменю. И как вы думаете можно ли сделать эту красоту резиновой?
Конечно можно, смотрите css :-)
Это меню настраивоемо как только можно!
Как можно сделать так чтобы это меню раскрывалось и схлопывалось по клике мышкой ?
А почему бы и нет, достаточно просто заменить onmouseover на onclick.
Я так и делал, но в таком случае onclick действует только на открытие. А там 2 функции – одна закрывает, другая открывает меню. То есть нужно как то поставить проверку если закрыто – открывать или наоборот.
P.S: WordPress, дизайн, и плагины на блоге очень качественно подобраны и настроены. Хорошая работа.
Ну так это буквально одна строчка javascript.
Спасибо.
Выглядит потрясно. Спасибо!
Менюшка классная. А возможно ли что-нибудь поменять в коде, чтобы она выпадала вправо, а не вниз? + возможно ли ее сделать многоуровневым меню?
спасибо.
Можно. Можно но сложнее.
Глючит в ие6, если за выпадающей плашкой находится какой-либо объет с текстом или картинкой. Этот объект каким-то образом перехватывает фокус и менюшка сворачивается((
Пофиксил, глюк был из-за верстки, но ее трогать нельзя было + кривой доктайп стоит.
ddheader* {zoom: 1}
а как сделать чтоб текст меню и содержание хранились в отдельном файле, чтоб html подгружало файл с меню?
А как сделать чтобы менюшка была по середине?
Кроме вопроса MasTy еще вопрос, а можно ли уменьшить размер блоков, а то так вмещается только 4 блока, а мне надо больше
А в 6 IE если сразу под меню стоит любой див с наполнением, то меню залазит под него, не взираю на z-index. А в Мозилле все нормально.
Да, как эту штучку заставить быть в центре страницы -в ксс тока либо лева, либо право -а центр ума не приложу как сделать, кто нибуть решил эту проблему ??
А как сделать так, чтобы список разворачивался вверх?
Люди, если вы смогли сделать так, чтобы менюшка отрывалась (закрывалась) по клику, выложите алгоритм действий. Спасибо)
Понравилось. И легко корректируется.
Ддя новичков, поясните пожалуйста, куда этот архив распаковывать чтобы меню заработало
Афтор!
Ответь новичкам!
Помогите профиксить под ie!
У автора вываливается в IE закрывающий тег html.все дело в этом.
Коллеги, подскажите!
Как можно уменьшить ширину выпадающего окна?
Речь идет о «минималистcком меню», которое
обсуждается на этом форуме.
Как эту строчку написать и куда вставить. ответьте,пожалуйста
У вас очень классный блог! Ещё нигде такого не видел!!! Полезный главное!! Спасибо!
Да блог просто потрясный!)
менюшка тоже вроде клевая.. но в ie7 почему то всегда выскакивает ошибка скрипта строка 56 символ 3 а именно: cont.style.opacity = (currheight / cont.maxh); хотя при этом все отлично работает.. но это ошибка напрягает(
Вот у меня по сути такой же вопрос – можно ли сделать так, чтобы в ИЕ при, налезании менюшки на select, менюшка отображалась все таки поверх всего? ась?
я эту проблему решил так вместо 56 строки вставляешь:
//баг под IE
if (navigator.appName != «Microsoft Internet Explorer»)
{
cont2.style.opacity = eval(currheight2 / cont2.maxh);
}
//конец баг под IE
vitazi смотри что я ответил выше
Отлично! Автор-МОЗГ!=) Новичкам, которые как раз пытаются достичь этой цели, качайте!
Занятная штука!
…Еще раз , автор, огромное спасибо!!!!
В IE8 ошибки выдает, как исправить?
одна из моих первых менюшок!
а ошибка в ИЕ из-за самого ИЕ! :)
как сделать чтоб в ИЕ было поверх картинки, и в фаирфоксе не работает у меня
Как добавить больше пунктов меню? А то там ограничение в три и добавление four не помогает
Первым делом скажу Большое Спасибо автору за сайт на котором я нашёл много интересного. С менюшкой почти полностью разобрался, вот только , когда поставил под неё банер, она при открытии залазиет под него, пожалуйста помогите решить этот вопрос , очень нужно уже двое суток парюсь …
огромное спасибо за статью, поставил себе менюху, очень доволен!
а есть вертикальное расположение
Красиво, но.. для новичков в css сложно разобраться в прилагаемых файлах без подсказок. Спасибо за то, что показали умения CSS
А есть меню для umi…..
на jquery облегченной версии (которую можно еще облегчить, удалив все ненужное) можно построить тоже неплохое кроссбраузерное красиво выпадающее меню.
меню очень понравилось, вот только не понял что значит в javasripte следующее: cont.timer, head.timer, cont.maxh. Что это такое вообще???
Люди добрые, помогите. А куда вставлять ссылки на страницы, к которым ведёт меню?
Да, скрипт хороший, но в IE глючит и ссылки на страницы не понятно куда вставлять. Может надо ещё прописывать специально href для этого.
Вся проблема с скоростью раскрытия в ие на широких менюхах… я сострепал одну… в ие блять очень быстро раскрываетсья…
А так в итоге, решена проблема с подсветкой пунктов меню в Ослике?
А как сделать чтобы подменюшки стали гиперлинками?
Люди добрые, помогите. А куда вставлять ссылки на страницы, к которым ведёт меню?
А как сделать чтобы подменюшки стали гиперлинками?
- между тегами li (где название менюшек)и надо a href ссылки прописывать
Автору спасибо за хорошее меню)