القائمة المنسدلة 30+ برامج نصية مفيدة لتعزيز الملاحة رأس

القائمة المنسدلة (المعروف أيضًا باسم القائمة المنسدلة) يعد أمرًا أساسيًا في معظم تصميم مواقع الويب. إنه يلعب دورًا مهمًا في إنشاء موقع إلكتروني فعال وسهل الاستخدام. إنه حل جيد لتقليص القائمة الطويلة التي تفوق مساحة الشاشة ، مما يجعلها تظهر في نمط أكثر تنظيماً للفئة الفرعية.

في هذه المقالة ، نود أن نعرض عليك بعضًا من أفضل البرامج النصية القائمة المنسدلة نأتي إلى معرفة. هذه القائمة المنسدلة تختلف من CSS فقط, المغلق وجافا سكريبت والقائمة التي ستعمل مع مكتبة جافا سكريبت الحالية الخاصة بك مثل مسج, موتولز و النموذج المبدئي. قائمة كاملة بعد القفز.

فيما يلي بعض المقالات ذات الصلة التي اعتبرنا أنك قد تكون مهتمًا بها:

بناء الجداول HTML
مجموعات بداية لمصممي الويب
البرامج النصية للملاحة المبنية على تبويب CSS

CSS (فقط)

إذا كنت قلقًا بشأن تعطيل Javascript على متصفح العميل ، فلن تفشل هذه القائمة المنسدلة css-only فقط.

إطار القائمة المنسدلة CSS. العنوان يقول كل شيء. إنه إطار تم إصداره بموجب رخصة جنو العمومية. عبر متصفح متوافق ، وخفيفة وسهلة التحويل لتقليد الكثير من القوائم المنسدلة الموجودة هناك. على سبيل المثال Flickr و Adobe و MTV.com.

في نهاية المطاف CSS القائمة المنسدلة فقط

قوائم CSS Express المنسدلة. تساعدك في إنتاج قائمة CSS سريعة (صريحة) من القائمة المنسدلة دون بعض القيود الموجودة في بعض قوائم CSS "النقية" الأخرى.

المغلق + جافا سكريبت

بمساعدة Javascript ، تكون القائمة المنسدلة أكثر تفاعلًا أو على الأقل تحصل على بعض الرسوم المتحركة الدقيقة التي تعزز تجربة المستخدم. CSS من ناحية أخرى ، تأكد من سهولة المظهر والشكل.

قائمة التنقل في جميع المستويات (الإصدار 2.2). قائمة قائمة CSS / HTML مع دعم لمستويات لا حصر لها من القوائم الفرعية. انها خفيفة الوزن وسهلة التنفيذ.

علامات المنسدلة (5 أنماط). علامات التبويب المنسدلة هي قائمة علامات تبويب CSS أفقية تدعم قائمة منسدلة من المستوى الثاني لكل علامة تبويب. ويأتي في 5 أنماط مختلفة.

Chrome CSS القائمة المنسدلة. Chrome Menu هي قائمة منسدلة CSS و JavaScript مختلطة. من السهل تهيئة محرك البحث وصديقه. يتكون شريط القائمة الرئيسي من قائمة CSS ، في حين أن القوائم المنسدلة هي ببساطة علامات DIV عادية في الصفحة.

jQuerys

إذا قمت بتنفيذ jQuery Javascript Library على موقعك ، فإليك بعض القوائم المنسدلة الرائعة التي تستند إلى jQuery والتي يجب أن تعرفها.

قائمة ملاحة سلسة . قائمة التنقل السلس عبارة عن قائمة متعددة المستويات قائمة على CSS مدعومة باستخدام jQuery مما يجعل التنقل في موقع الويب أمرًا سلسًا. إليك قائمة أخرى مماثلة - قائمة jQuery Multi Level CSS.

Superfish. Superfish عبارة عن مكون jQuery لقائمة مصاصة مُحسّنة على غرار Suckerfish يأخذ قائمة منسدلة CSS نقية حالية (بحيث تتحلل برشاقة بدون JavaScript). [تجريبي | تحميل]

القائمة المنسدلة ميجا. قائمة منسدلة تحتوي على أكثر من مجرد خط جديد من الروابط. كما أنه يجعل روابط المجموعة وتجعل nagivation أسهل بكثير! [تجريبي]

موتولز

جافا سكريبت القائمة المنسدلة باستخدام Mootools. طريقة سهلة وغير مزعجة لإنشاء قائمة منسدلة مع Mootools 1.2. [تجريبي | تحميل]

القائمة المنسدلة UvumiTools. قائمة بسيطة متعددة المستويات مبنية من قائمة HTML unorderd ، باستخدام Mootools Javascript Framework.

قائمة منسدلة Mootool غير متهالك

يقلد

تصميم رأس Digg. برنامج تعليمي خطوة بخطوة حول كيفية إنشاء قائمة منسدلة تبدو بالفعل مثل Digg. [تجريبي | تحميل]

متفرقات.

izzyMenu. قم بإنشاء قوائم CSS ذات مظهر احترافي لموقع الويب الخاص بك على الإنترنت ، دون كتابة سطر واحد من التعليمات البرمجية أو مجرد استخدام بعض القوائم الجاهزة.

قائمة PureCSS. الحرة المغلق المنسدلة القائمة مولد