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

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

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

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

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

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

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

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

إذا كنت تحب هذا البرنامج (Side Menu Bar مع القائمة الفرعية) وتريد الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

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

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow