كيفية إنشاء شريط قائمة تنقل جانبي باستخدام HTML CSS & jQuery

ستتعلم اليوم في هذه المدونة كيفية إنشاء شريط قائمة تنقل جانبي باستخدام HTML CSS & jQuery

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء شريط قائمة تنقل جانبي باستخدام HTML CSS & jQuery.

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

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

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (شريط قائمة التنقل الجانبي).

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

قائمة الشريط الجانبي باستخدام HTML CSS & jQuery
لإنشاء هذا البرنامج (شريط قائمة التنقل الجانبي). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow