¿Cómo hacer menú desplegable como "delicioso" y "google"?

Question

Quiero hacer un menú desplegable como delicioso en esta página http://delicious.com/search?context=all&p=sql&lc=1. En esta página, haga clic en la flecha que está con el botón "Buscar". Al hacer clic se muestra un menú desplegable, quiero el mismo estilo de menú pero en mi página tengo un enlace, lo que deseo con ese enlace será un pequeño ícono simple y al hacer clic en el enlace o esa imagen del menú, una El menú desplegable se abrirá.

Google también ha hecho lo mismo, http://www.google.co.in/firefox?client=firefox-a&rls=org.mozilla:en-US:official haga clic en el enlace "más" en el menú superior que se muestra.

Quiero usar un javascript mínimo, prefiero JQUERY.

Answer 1

Hay muchos plugins de JQuery que crean una lista desplegable (Menú) como delicious.
puede utilizar:

1. JdMenu
2. Drop down menu with jquery
3. Free CSS Drop-Down Menu Framework

Answer 2

La forma más sencilla de hacerlo es configurar el menú en Javascript. Hay una cantidad de bibliotecas Javascript disponibles para facilitar esto. Algunos de los más populares incluyen:

• Yahoo User Library
• Dojo
• JQuery

Answer 3

siempre recomiendo Son of Suckerfish para los menús de este tipo. Solo CSS, por lo que funciona incluso para usuarios sin secuencias de comandos, y es extremadamente liviano y rápido para él.

Answer 4

Puede try to play con algunas listas. Es una publicación más antigua en mi blog sobre cómo puedes hacer una buena ruta de navegación con listas y alguna pieza de jquery.

Answer 5

aquí es un tutorial sobre cómo crear el menú de navegación que se encuentra en la parte superior Google

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

Answer 6

Usted puede encontrar este plugin jQuery UI útil - http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Está construido con una mejora progresiva en mente.