Создать строку меню HTML
Мне нужна помощь в создании горизонтальной строки меню в HTML. В строке меню будут такие меню, как «Файл», «Правка», «Просмотр», и когда вы наводите указатель мыши или щелкаете по меню «Файл» (например), в нем отображаются такие элементы меню, как «Создать», «Открыть» и т. д.
В идеале я хотел бы создать строку меню и меню, используя чистый HTML и CSS, но при необходимости у меня также есть JQuery, Prototype и Scriptaculous. Кто-нибудь знает какие-нибудь хорошие примеры / уроки, из которых я мог бы черпать вдохновение?
РЕДАКТИРОВАТЬ: Спасибо за все ссылки. Я должен был упомянуть, что я действительно ищу учебник, который объясняет, как сделать это самостоятельно в HTML / CSS / JS, а не инструмент WYSIWYG, который создает для вас весь код.
Ваше здоровье, Дон
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 8
Взгляните на бесплатный конструктор меню DHTML для CoffeeCup:
http://www.coffeecup.com/free-dhtml/
Похоже, он сделает то, что вы хотите.
Я обнаружил, что это руководство по меню в A List Apart может оказаться полезным. Если поискать на этом сайте, можно найти множество хороших руководств и шаблонов по дизайну.
Определенно хороший учебник, на который он ссылался, первое, что пришло в голову, это «рыба-присоска», и в этом учебнике он упоминается.
Я думаю, что самое надежное - это "Меню DHTML". http://www.milonic.com/ Автор: Milonic.
Он обрабатывает темы и целую кучу опций.
Вот еще одна ссылка, на которую вы можете посмотреть: http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/
Получите бесплатный создатель навигационного меню CSS для Windows. Это отличное и хорошее учебное пособие.
На сайте есть общедоступная система меню на чистом CSS.
Я настоятельно рекомендую Компоненты меню YUI, если вы можете их использовать. Вы можете использовать меню приложения (посмотреть пример), созданный из разметки HTML из Javascript.
Компоненты YUI очень просты в использовании, имеют открытый исходный код, имеют отличную поддержку и документацию и, кажется, хорошо спроектированы. И они от Yahoo;)
Если вы говорите по-французски, есть много примеров меню с HTML + CSS на http://www.alsacreations.com/.
в то время, когда я пишу этот комментарий, этот URL дает 404