أفضل 28 قائمة ملاحة في jQuery ومكونات شريطية لمواقع الويب 2020

سيكون التنقل في موقع الويب أحد أهم الميزات التي تقوم بتنفيذها. إنه بمثابة بوصلة لما يمكن العثور عليه على موقعك. إذا لم يكن هناك نظام ملاحة لتبدأ به ، فإن هناك فوضى كبيرة تؤسس نفسها. هل سبق لك زيارة موقع ويب به نقص واضح في ميزات التنقل؟ ألا تجد هذا مزعجًا؟ مع تطور الويب الحديث ، بالإضافة إلى الويب سريع الاستجابة ، تطورت أدوات التنقل لمواقع الويب أيضًا بسرعة. يتيح jQuery الآن إنشاء تأثيرات تنقل مذهلة وفريدة من نوعها وأصلية من شأنها أن تبقي المستخدمين مستمتعين ؛ والأهم من ذلك ، راضٍ عن اختيار وجود قائمة تصفح موقع على الإطلاق.

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

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

سليم

جرب SlimMenu ، وهو حل خفيف الوزن لإنشاء قوائم متعددة المستويات سريعة الاستجابة لموقع الويب الخاص بك. يعد فهم كيفية عمل استعلامات الوسائط في CSS تحديًا في حد ذاته. هذا هو السبب في أن SlimMenu يأمل في التخلص من الحاجة إلى تعلم بنية CSS الصعبة وإعطائك ببساطة الخبز والزبدة لمكوِّن jQuery من الدرجة الأولى. كما يدعم SlimMenu قوائم عرض الشجرة (المتداخلة) التي تستجيب بشكل كامل للأجهزة المحمولة. يمكنك الحصول على عدد من عناصر واجهة المستخدم slimMenu المختلفة داخل نفس الصفحة أيضًا ، وتكامل دقيق للتنقل عبر النقر للأجهزة المحمولة. هذه تجعل من السهل على مستخدمي المحمول الوصول إلى عناصر القائمة الفرعية. التصميم قياسي إلى حد ما ، وسيتطلب القليل من العمل لمواقع الويب التي تتعامل مع الكثير من الألوان.

تحميل

أفقي

في تصميم الويب ، ستكون هناك العديد من الطرق التي قد يصاب بها المصمم بالإحباط. أحد هؤلاء يعمل مع الشبكات. شبكة موقع الويب هي التخطيط المعياري الفعلي لموقع الويب. عادةً ما تكون شبكة الرأس عبارة عن حاوية فردية تتلقى تصميمًا وترميزًا فرديًا ، وبالتالي تتطلب خيارات تصميم فردية. عند إنشاء قوائم التنقل للرأس ، نواجه عادةً مشكلة شائعة إلى حد ما: لا تمتد عناصر القائمة لدينا إلى الخارج عبر العرض الكامل لصفحتنا. مشكلة شائعة جدًا يواجهها المصممون. HorizontalNav هي مكتبة jQuery تأخذ حاوية القائمة الخاصة بك ، وتسمح لها ببساطة بالتمدد في العرض الكامل. وبالتالي ، يتم تكبير عرض كل عنصر قائمة فردي. من السهل جدًا تطبيقه على موقع الويب الخاص بك ، وسوف يتركك تتساءل لماذا لم تبحث عن نمط واجهة المستخدم هذا من قبل.

تحميل

سمارت مينوس

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

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

تحميل

jQuery.mmenu

لا يوجد سوى شيء ما حول تصميم الويب الأصلي الذي يجعل المصممين يواجهون تحديات في إنشاء أنماط واجهة مستخدم ذات سمة أصلية باستخدام لغات تقليدية مثل HTML أو CSS. jQuery.mmenu هي إحدى هذه المكتبات التي تحاول تحقيق إنجاز يتمثل في توفير قائمة محمولة ذات مظهر أصلي لتطبيقات الأجهزة المحمولة. وأفضل ما في الأمر أن هذه القائمة ليست فقط للأجهزة المحمولة ؛ تهدف المكتبة إلى العمل مع الهواتف الذكية والأجهزة اللوحية ومواقع الويب المكتبية على حدٍ سواء. يمكن لمستخدمي WordPress تنزيل البرنامج المساعد المجاني بسرعة لتحويل قوائمهم الحالية إلى قوائم ذات مظهر تطبيق أصلي. إنها مكتبة رائعة للتجربة ، للحصول على فكرة عن تفضيلات المستخدمين.

تحميل

الدرج

ما هو الدرج؟ الدرج هو مكون إضافي لقائمة درج jQuery يستخدم iScroll و CSS3 الحديث لإنشاء عنصر واجهة مستخدم في درج القائمة. تعمل أداة درج القائمة كزر بسيط يمكن للمستخدم النقر فوقه لرسم فتح التنقل في الموقع. تشغل جميع عناصر القائمة الحالية ميزة التنقل ، والتي يمكن أيضًا أن تتداخل تحت بعضها البعض. يمكنك وضع القائمة في جميع اتجاهات موقع الويب ، كما تتوقع من هذا المكون الإضافي متعدد الاستخدامات.

تحميل

تنقل مستجيب

سيتطلب إنشاء قائمة تنقل هذه الأيام شيئين. أولاً ، يجب أن تكون القائمة سريعة الاستجابة وقابلة للتكيف تمامًا مع الأجهزة المحمولة ، وثانيًا ، يجب أن تستخدم القائمة معايير التصميم الحديثة للحصول على جاذبية عالمية. حسنًا ، تتغلب ميزة Respive Nav على الفوز بالجائزة الكبرى في كلتا الحالتين. المكون الإضافي هو مكتبة تابعة لجهة خارجية مستقلة. هذا يعني أن الحجم النهائي للنص البرمجي الفعلي هو 1 كيلو بايت تقريبًا ، وهو الحجم الذي لا يهم حتى الأداء العام لموقع الويب الخاص بك. تعمل ميزة Respive Nav أيضًا على تفضيل الرسوم المتحركة للانتقال CSS3 الشائعة بشكل متزايد. ميزة أخرى رائعة لقائمة التنقل الخاصة بـ jQuery هي أنها ستعمل حتى إذا لم يكن لدى المستخدم تمكين JavaScript في متصفحه. علاوة على ذلك ، ستعمل أيضًا على قراء Kindle المشهورين. على محمل الجد ، إنه حل رائع لإنشاء قائمة سريعة الاستجابة وعالمية لموقع الويب الخاص بك.

تحميل

TinyNav.js

يقوم TinyNav بتحويل عناصر التنقل "UL" و "OL" إلى عناصر نموذج محددة لأحجام الشاشات الصغيرة. يتوفر ملحق WordPress. TinyNav هو ما أطلق شرارة تطوير Respive Nav ، قائمة التنقل التي حددناها فوق هذه القائمة. التطور يحدث في تطوير الويب أيضًا ، أليس كذلك.

تحميل

scrollNav.js

يحتوي scrollNav على غرض فريد قليلاً. يعمل شريط التنقل هذا بشكل أفضل مع المشاريع التي تحتاج إلى التنقل بالتمرير الذي يظهر على جانب منطقة المحتوى. الاستخدامات التي تتبادر إلى الذهن في البداية هي أشياء مثل التوثيق ، والكتاب عبر الإنترنت ، وتجميع المحتوى عبر الإنترنت ، وغيرها. البرنامج المساعد بالطبع متقدم جدًا. الطريقة التي تعمل بها رائعة إلى حد ما ، ما عليك سوى تحديد العلامة الفردية التي ترغب في تحديدها كخيار تنقل ، على سبيل المثال "H2" ، ولكن يمكنك أيضًا تعيينها لتكون "H3" أو "H1" فهي لا تفعل ذلك يهم البرنامج المساعد. اقرأ الوثائق للحصول على فهم أفضل للميزات.

تحميل

سدر

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

تحميل

stickyNavbar.js

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

تحميل

ميجا المنسدلة

سيحتاج موقع التجارة الإلكترونية حتماً إلى قائمة منسدلة ضخمة ، حسناً ، طالما أن موقع التجارة الإلكترونية هذا يخدم آلاف العناصر. القائمة المنسدلة الضخمة هي قائمة يمكن أن تحتوي على كميات هائلة من الاختيارات ، دون المساس بجودة التصميم. هذا أحد امتدادات jQuery التي ستساعدك في تحقيق النتيجة المرجوة. تتيح لك القائمة المنسدلة الضخمة إنشاء عنصر قائمة فردي ، دعنا نقول "ملابس" - ثم عندما يفتح المستخدم الملابس ، يتم تقديمه بخيارات مختلفة تتراوح من الإكسسوارات إلى الأحذية ، ولكن في كل تحديد يوجد المزيد من الأقسام الفرعية ، وما إلى ذلك. و على. كل ذلك ، لمساعدتك بشكل أفضل في عرض العناصر المتاحة للبيع.

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

تحميل

التنقل الجريء ثلاثي الأبعاد

3D Bold Navigation هي قائمة مطوية بسيطة يتم طرحها بتأثير ثلاثي الأبعاد بمجرد النقر فوق رمز القائمة. إنه كبير جدًا ، وسيتطلب مشروع تصميم محددًا ليكون قابلاً للتطبيق ، واستكشفه بنفسك للحصول على شعور أفضل به.

تحميل

بسط الملاحة

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

تحميل

التنقل الثانوي الانزلاقي

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

تحميل

التنقل بالتناوب ثلاثي الأبعاد

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

تحميل

استجابة قائمة التراكب والملاحة

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

تحميل

قم بالتمرير من أعلى الشاشة بملء الشاشة

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

تحميل

مسج القائمة الملتوية

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

تحميل

قائمة الشريط الجانبي خارج القماش مع تطور

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

تحميل

قائمة موقع Google Nexus

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

تحميل

قائمة ملاحة jQuery المميزة وشريط الإضافات

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

قائمة ناقص

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

تحميل

UINOIN

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

تحميل

Tnagele SideBar

لكل شخص لديه فكرة عن إضافة شريط التنقل الجانبي ، ومن هنا جاء الاسم ، Tnagele SideBar هو الحل الذي تحتاجه. الميزات العديدة التي توفرها هذه الأداة الرياضية لن تجد صعوبة في إقناعك باستخدامها وتفعيلها على موقعك. يتوافق Tnagele SideBar مع غالبية الأجهزة ومتصفحات الويب المحبوبة للحصول على أداء سلس ومستقر دائمًا. حتى أنه يدعم لغات RTL. تتضمن بعض الميزات الأخرى تأثيرات الدفع والقائمة المنسدلة والتوافق مع Bootstrap 4 وإصدار كوردوفا. قم بإنشاء شريط التنقل الجانبي لسطح المكتب والجوال الذي يناسب احتياجاتك باستخدام Tnagele SideBar بسرعة.

تحميل

BNAV

للحصول على نوع قائمة ضخمة من التنقل ، من الأفضل ألا تفوت BNAV. هذا المكون الإضافي لقائمة التنقل في jQuery يهز الأشياء بأكوام من وسائل الراحة الرائعة التي ستؤدي الحيلة. أولاً وقبل كل شيء ، هناك أربعة عشر نوعًا ضخمًا من شريط التنقل المتاح مع رسوم متحركة رائعة تجذب انتباه الجميع. متوافق مع Bootstrap 4 Framework ، في تناغم مع الأجهزة المحمولة وأجهزة سطح المكتب ، بالإضافة إلى ضبط لوائح مشروعك بسهولة والتكيف معها - هذا ما يحدث عندما يتعلق الأمر بـ BNAV. تحقق من المواد التجريبية ، واقلب الوثائق ، واحصل على جوهرها ، وستكون جاهزًا لتضمين قائمة ضخمة بنجاح إلى موقع الويب الخاص بك.

تحميل

Nuxion jQuery - شريط قائمة تنقل UX سريع الاستجابة

ماذا عن القائمة التي من شأنها أن تشبه إلى حد كبير صفحة موقع ويب فردية لكل عنصر من العناصر التي تشاهدها؟ حسنًا ، لدينا هنا أداة Nuxion. إنه حل رائع لإنشاء عناصر قائمة تحتوي على محتواها الفردي المخصص لها. على سبيل المثال ، يمكن أن يكون لديك عنصر قائمة يسمى حول مشروعنا. بمجرد أن ينقر المستخدم على هذا العنصر ، بدلاً من نقله إلى صفحة جديدة حيث تتم مناقشة التفاصيل المتعلقة به ، يمكنه معاينة تفاصيل "نبذة عنا" داخل الحاوية الفعلية لعنصر القائمة الذي نقر عليه.

تحميل

MetNav 2- قائمة تنقل واجهة مستخدم jQuery Metro أخرى

MetaNav ، قائمة انفجار أخرى ذات ميزات فريدة ومبتكرة. هنا ، يمكن أن يتكون عنصر القائمة من العديد من الروابط المختلفة. ومع ذلك ، تظل جميع الروابط في نفس الشبكة التي يوجد بها رمز القائمة. هذا يعني أن عناصر القائمة يمكن أن تكون كبيرة جدًا في حجمها. رغم ذلك ، لا ينبغي أن يكون مشكلة بالنسبة لأولئك الذين يحتاجون إلى ميزة تصميم معينة مثل هذا. إنه خفيف الوزن للغاية ويبدو جيدًا على جميع المتصفحات والأجهزة الرئيسية تقريبًا. إنها قائمة تنقل قاعدة Windows 8 Tile تدعم القوائم الفرعية غير المحدودة. كما أنه يدعم التصميم سريع الاستجابة ويعمل بشكل جيد على الأجهزة التي تعمل باللمس.

تحميل

التنقل بملء الشاشة

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

تحميل

Ultra Navigation - قائمة الشريط الجانبي المستجيبة للتمهيد

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

تحميل

تم إنشاء قوائم التنقل وأشرطة التنقل باستخدام jQuery

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

jQuery متعدد الاستخدامات ، ويمكن استخدام هذه اللغة كثيرًا ؛ أكثر من 30 ملحقًا فريدًا للتنقل هي الشهادة الحقيقية على ذلك. نتطلع إلى ما سيبتكره المطورون في المستقبل!