"स्वादिष्ट" और "google" जैसे ड्रॉपडाउन मेनू कैसे बनाएं?

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 प्रदर्शित शीर्ष मेनू में "अधिक" लिंक पर क्लिक करें।

मैं न्यूनतम जावास्क्रिप्ट का उपयोग करना चाहता हूं, मैं JQUERY पसंद करता हूं।

Answer 1

बहुत सारे JQuery प्लगइन्स हैं जो एक ड्रॉप डाउन सूची (मेनू) को स्वादिष्ट पसंद करते हैं।
आप का उपयोग कर सकते हैं:

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

Answer 2

यह करने के लिए सबसे आसान तरीका है जावास्क्रिप्ट में मेनू स्थापित करने के लिए है। इसे आसान बनाने के लिए कई उपलब्ध जावास्क्रिप्ट पुस्तकालय उपलब्ध हैं। अधिक लोकप्रिय वालों में शामिल हैं:

• Yahoo User Library
• Dojo
• JQuery

Answer 3

मैं हमेशा इस तरह मेनू के लिए Son of Suckerfish सलाह देते हैं। सीएसएस केवल, इसलिए यह बिना स्क्रिप्टिंग के उपयोगकर्ताओं के लिए भी काम करता है, और इसके लिए बेहद हल्का और तेज़ है।

Answer 4

आप कुछ सूचियों के साथ try to play कर सकते हैं। यह मेरे ब्लॉग पर एक पुरानी पोस्ट है कि आप कैसे सूचियों और jquery के कुछ टुकड़े के साथ एक अच्छा breadcrumb कर सकते हैं। http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

यह बात ध्यान में क्रमिक परिवर्धन के साथ बनाया गया है -

Answer 5

यहाँ गूगल

में

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

Answer 6

पाया ऊपर स्थित नेविगेशनल मेनू बनाने पर एक ट्यूटोरियल आप इस jQuery यूआई प्लगइन उपयोगी लग सकती है।