हैडर नेविगेशन को बढ़ाने के लिए ड्रॉप-डाउन मेनू 30+ उपयोगी लिपियाँ
ड्रॉप डाउन मेनू (जिसे पुल-डाउन मेनू के रूप में भी जाना जाता है) अधिकांश वेब डिज़ाइन में एक आवश्यक है। यह एक प्रभावी और उपयोगकर्ता के अनुकूल वेबसाइट के निर्माण में महत्वपूर्ण भूमिका निभाता है। यह लंबे मेनू को ट्रिम करने के लिए एक अच्छा समाधान है जो स्क्रीन स्पेस को भारी कर रहा है, उन्हें अधिक संगठित श्रेणी-उप श्रेणी पैटर्न में प्रदर्शित करने के लिए प्राप्त कर रहा है.
इस लेख में, हम आपको कुछ दिखाना चाहेंगे सर्वश्रेष्ठ ड्रॉप-डाउन मेनू स्क्रिप्ट हमें पता चल गया है। ये ड्रॉप-डाउन मेनू से भिन्न होता है सीएसएस केवल, सीएसएस और जावास्क्रिप्ट और मेनू जो आपके वर्तमान जावास्क्रिप्ट लाइब्रेरी जैसे काम करेगा jQuery, MooTools तथा प्रोटोटाइप. कूदने के बाद पूरी सूची.
यहाँ कुछ संबंधित लेख दिए गए हैं जिनके बारे में आपको रुचि है:
- HTML टेबल्स का निर्माण
- वेब डिज़ाइनरों के लिए स्टार्टर किट
- सीएसएस टैब-आधारित नेविगेशन स्क्रिप्ट
सीएसएस (केवल)
यदि आप क्लाइंट के ब्राउज़र पर जावास्क्रिप्ट अक्षम के बारे में चिंतित हैं, तो ये सीएसएस-केवल ड्रॉप डाउन मेनू आपको विफल नहीं करेंगे.
सीएसएस ड्रॉप-डाउन मेनू फ्रेमवर्क. शीर्षक यह सब कहता है। यह एक फ्रेमवर्क है, जिसे GNU जनरल पब्लिक लाइसेंस के तहत जारी किया गया है। क्रॉस ब्राउज़र संगत, हल्का और आसान ट्रांसफॉर्मेबल बाहर मौजूदा ड्रॉप डाउन मेनू की बहुत नकल करता है। उदाहरण के लिए फ़्लिकर, एडोब और एमटीवी.कॉम.
अंतिम सीएसएस केवल ड्रॉप-डाउन मेनू
सीएसएस एक्सप्रेस ड्रॉप-डाउन मेनू. कुछ अन्य "शुद्ध" सीएसएस मेनू में पाई गई सीमाओं के बिना एक त्वरित (एक्सप्रेस) सीएसएस ड्रॉप-डाउन मेनू का उत्पादन करने में आपकी सहायता करें.
सीएसएस + जावास्क्रिप्ट
जावास्क्रिप्ट की मदद से, ड्रॉप डाउन मेनू अधिक संवादात्मक हैं या कम से कम उन्हें कुछ सूक्ष्म एनीमेशन मिलते हैं जो उपयोगकर्ता अनुभव को बढ़ाते हैं। दूसरी ओर सीएसएस, सुनिश्चित करें कि देखो और महसूस आसानी से cuztomizable है.
सभी स्तर नेविगेशनल मेनू (v2.2). सीएसएस / HTML सूची आधारित मेनू उप मेनू के अनंत स्तरों के समर्थन के साथ। यह हल्का और लागू करने में आसान है.
ड्रॉप डाउन टैब्स (5 स्टाइल). ड्रॉप डाउन टैब एक क्षैतिज सीएसएस टैब मेनू है जो इसके प्रत्येक टैब के लिए दूसरे स्तर के ड्रॉप डाउन मेनू का समर्थन करता है। 5 अलग-अलग शैलियों में आता है.
क्रोम सीएसएस ड्रॉप डाउन मेनू. क्रोम मेनू सीएसएस और जावास्क्रिप्ट हाइब्रिड ड्रॉप डाउन मेनू है। इंजन के अनुकूल और खोज करना आसान है। मुख्य मेनू बार में सीएसएस सूची होती है, जबकि ड्रॉप डाउन मेनू केवल पृष्ठ पर नियमित रूप से डीआईवी टैग होते हैं.
jQuerys
यदि आपने अपनी साइट पर jQuery जावास्क्रिप्ट लाइब्रेरी को लागू किया है, तो यहां कुछ बहुत ही अच्छे jQuery आधारित ड्रॉप डाउन मेनू हैं जिन्हें आपको जानना चाहिए.
चिकना नेविगेशनल मेनू . चिकना नेविगेशन मेनू एक बहु स्तरीय, CSS सूची आधारित मेनू है जो jQuery का उपयोग करके संचालित होता है जो वेबसाइट नेविगेशन को एक सहज मामला बनाता है। यहाँ एक समान है - jQuery मल्टी लेवल CSS मेनू.
Superfish. सुपरफिश एक उन्नत Suckerfish- शैली मेनू jQuery प्लगइन है जो एक मौजूदा शुद्ध CSS ड्रॉप-डाउन मेनू लेता है (इसलिए यह जावास्क्रिप्ट के बिना इनायत से नीचा दिखता है)। [डेमो | डाउनलोड]
मेगा ड्रॉप-डाउन मेनू. एक ड्रॉप डाउन मेनू जो केवल लिंक की नई लाइन से अधिक रखता है। यह ग्रुप लिंक भी बनाता है और नगेटेशन को बहुत आसान बनाता है! [डेमो]
MooTools
Mootools का उपयोग करके जावास्क्रिप्ट ड्रॉप डाउन मेनू. Mootools 1.2 के साथ ड्रॉप डाउन मेनू बनाने के लिए आसान, विनीत तरीका। [डेमो | डाउनलोड]
UvumiTools ड्रॉपडाउन मेनू. Mootools Javascript फ्रेमवर्क का उपयोग करते हुए, HTML मल्टीप्लेयर सूची से निर्मित सरल बहु-स्तरीय मेनू.
Unobstrusive Mootool ड्रॉप डाउन मेनू
मिमिक्स
डिग हैडर डिजाइन करना. कैसे एक ड्रॉप डाउन मेनू बनाने के लिए कदम ट्यूटोरियल द्वारा कदम जो वास्तव में डिग की तरह दिखता है। [डेमो | डाउनलोड]
विविध.
izzyMenu. अपनी वेबसाइट के लिए पेशेवर ऑनलाइन सीएसएस मेनू बनाएं, कोड की एक पंक्ति लिखे बिना या बस कुछ तैयार किए गए लोगों का उपयोग करें.
PureCSS मेनू. मुफ्त सीएसएस ड्रॉप डाउन मेनू जनरेटर
