Как сделать выпадающее меню типа "вкусно" и "гугл"?

Question

Я хочу сделать выпадающее меню, как вкусно на этой странице http://delicious.com/search?context=all&p=sql&lc=1. На этой странице нажмите на стрелку с кнопкой «Поиск». При нажатии отображается раскрывающееся меню. Мне нужен тот же стиль меню, но на моей странице у меня есть ссылка. То, что мне нужно с этой ссылкой, будет отображаться простой маленький значок и при нажатии на ссылку или изображение этого меню Откроется выпадающее меню.

Google также сделал то же самое, http://www.google.co.in/firefox?client=firefox-a&rls=org.mozilla:en-US:official нажмите на ссылку "еще" в отображаемом верхнем меню.

Я хочу использовать минимальный JavaScript, я предпочитаю JQUERY.

Answer 1

Существует множество плагинов JQuery, которые создают выпадающий список (Меню), как вкусно.
Вы можете использовать:

1. JdMenu
2. Выпадающее меню с jquery
3. Бесплатный фреймворк с раскрывающимся меню CSS

Answer 2

Я всегда рекомендую Сын Suckerfish для подобных меню. Только CSS, поэтому он работает даже для пользователей без сценариев и чрезвычайно легок и быстр.

Answer 3

Этот плагин jQuery UI может оказаться полезным - http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Он построен с учетом прогрессивного улучшения.

Answer 4

вот учебник по созданию верхнего навигационного меню, найденного в Google

http://blog.geotitles.com/2011/09/creating-the-new-top-black-bar-found-in-google-and-all-its-products/

Answer 5

Вы можете попробовать сыграть с некоторыми списками. Это старый пост в моем блоге о том, как вы можете сделать хорошую крошку со списками и некоторой частью jquery.

Answer 6

Самый простой способ сделать это - настроить меню в Javascript. Есть несколько доступных библиотек Javascript, чтобы сделать это проще. Вот некоторые из наиболее популярных:

• Библиотека пользователя Yahoo
• Dojo
• JQuery