Wie man Dropdown-Menü wie "lecker" und "google" machen?

Question

Ich möchte ein Dropdown-Menü wie lecker hat auf dieser http://delicious.com/search?context=all&p=sql&lc=1 Seite. Klicken Sie auf dieser Seite auf den Pfeil mit der Schaltfläche "Suchen". Auf Klick zeigt es ein Dropdown-Menü, ich möchte den gleichen Menü-Stil, aber auf meiner Seite habe ich einen Link, was ich will mit diesem Link ein einfaches kleines Symbol wird angezeigt und beim Klicken auf den Link oder das Menü Bild, a Dropdown-Menü wird geöffnet.

Google hat auch das gleiche getan, http://www.google.co.in/firefox?client=firefox-a&rls=org.mozilla:en-US:official klicken Sie auf den Link "mehr" im oberen Menü angezeigt.

Ich möchte minimal Javascript verwenden, bevorzuge ich JQUERY.

Answer 1

Es gibt viele JQuery-Plugins, die eine Dropdown-Liste (Menü) wie lecker erstellen.
können Sie:

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

Answer 2

Der einfachste Weg dies zu tun ist, um das Menü in Javascript einzurichten. Es gibt eine Reihe von verfügbaren Javascript-Bibliotheken zur Verfügung, um dies zu erleichtern. Einige der populäreren sind:

• Yahoo User Library
• Dojo
• JQuery

Answer 3

I Son of Suckerfish für Menüs wie dies immer empfehlen. Es funktioniert nur für Benutzer ohne Skripting und ist extrem leicht und schnell.

Answer 4

Sie können try to play mit einigen Listen. Es ist ein älterer Post in meinem Blog darüber, wie man einen schönen Breadcrumb mit Listen und einem Stück Jquery machen kann.

Answer 5

hier ist ein Tutorial auf das obere Navigationsmenü in google

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

Answer 6

Sie finden diese jQuery UI-Plugin nützlich gefunden Erstellen - http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Es ist gebaut mit progressiver Steigerung im Auge behalten.