القائمة التنقل هي واحدة من الأدوات الأكثر فائدة ومريحة في دفتر جوبيتر. يسمح لنا بتنظيم المحتوى والتنقل عبر أقسام مختلفة من عملنا. ومع ذلك ، بشكل افتراضي ، لا يتم عرض قائمة التنقل في دفتر جوبيتر ، ويجب إضافتها يدويا في الإعدادات.
لإضافة قائمة التنقل ، اتبع الخطوات البسيطة. أولا ، افتح دفتر جوبيتر. ثم انتقل إلى علامة التبويب" مساعدة " ، الموجودة في القائمة العلوية. في القائمة التي تفتح ، حدد الخيار"تحرير اختصارات لوحة المفاتيح".
في النافذة التي تظهر مع إعدادات اختصار لوحة المفاتيح ، ابحث عن قسم" التطبيق". في هذا القسم ، ابحث عن الأمر" دفتر الملاحظات:التنقل-القائمة". حدد حقلا فارغا في عمود" الاختصارات " بجوار هذا الأمر واضغط على مجموعة المفاتيح المطلوبة. بعد تحديد مجموعة المفاتيح ، اضغط على الزر" موافق".
- كيفية إنشاء قائمة التنقل في كوكب المشتري
- تثبيت كوكب المشتري
- إنشاء بنية صفحة هتمل
- إضافة أنماط لقائمة التنقل
- ربط مكتبة مسج
- تهيئة قائمة التنقل في جافا سكريبت
- إضافة عناصر القائمة
- ضبط سلوك القائمة عند النقر عليها
- إضافة الرسوم المتحركة لقائمة التنقل
- سؤال وجواب
- ما هي الوظيفة التي توفرها أداة التنقل في كوكب المشتري?
كيفية إنشاء قائمة التنقل في كوكب المشتري
1. مقدمة
القوائم (انتقل القائمة) هي واحدة من الميزات الهامة كوكب المشتري التي تسمح لك لإنشاء وعرض القوائم الملاحة في تطبيق كوكب المشتري الخاص بك. باستخدام قائمة التنقل ، يمكنك بسهولة إضافة روابط إلى جميع أقسام التطبيق الخاص بك ، مما يسهل على المستخدمين الوصول إلى المعلومات التي يحتاجون إليها.
2. خطوات إنشاء قائمة التنقل
- استيراد المكتبات والوحدات اللازمة في الكمبيوتر المحمول كوكب المشتري الخاص بك.
- .
- . قم بتعيين عنوان عنصر القائمة والرابط والسمات الإضافية.
- .
- .
3. Пример кода
| Код | Описание |
|---|---|
| ينشئ هذا الرمز كائن قائمة تنقل ، ويضيف ثلاثة عناصر قائمة ، ويعرض القائمة على الصفحة. |
4. خاتمة
يمكن أن يكون إنشاء قائمة تنقل في كوكب المشتري مفيدا جدا لجعل تطبيقك أكثر سهولة في الاستخدام وتسهيل وصول المستخدمين إلى المعلومات التي يحتاجون إليها. باتباع الخطوات المذكورة أعلاه ، ستتمكن من إنشاء قائمة تنقل في تطبيق كوكب المشتري الخاص بك وتخصيصها وفقا لاحتياجاتك.
تثبيت كوكب المشتري
لتثبيت كوكب المشتري على جهاز الكمبيوتر الخاص بك ، اتبع الخطوات التالية:
- افتح موجه أوامر أو محطة طرفية على جهاز الكمبيوتر الخاص بك.
- اكتب الأمر تثبيت نقطة جوبيتر واضغط على إدخال.
- انتظر حتى تكتمل عملية التثبيت.
- تحقق من التثبيت عن طريق إدخال أمر دفتر جوبيتر واضغط على إدخال. يفتح جوبيتر دفتر في المتصفح الخاص بك.
- الآن لديك كوكب المشتري مثبتة وجاهزة للاستخدام.
تركيب كوكب المشتري يسمح لك لإنشاء وتحرير وتنفيذ ملفات دفتر جوبيتر واستخدام جميع معالمه. يوفر جوبيتر دفتر بيئة تفاعلية للعمل مع لغات البرمجة ، بما في ذلك بيثون.
إنشاء بنية صفحة هتمل
يعد إنشاء بنية صفحة هتمل مرحلة مهمة في تطوير موقع الويب. أتش تي أم أل (لغة ترميز النص التشعبي) هي لغة الترميز الرئيسية لصفحات الويب وتحدد بنية المحتوى.
يبدأ إنشاء بنية الصفحة بالعنصر الرئيسي-العلامة. داخل العلامة ، يمكنك إضافة عناصر مختلفة لعرض محتوى صفحة الويب.
العناصر الرئيسية التي يمكن إضافتها إلى بنية الصفحة:
- عنوان الصفحة-الوسم ,
- فقرات النص-العلامة
- اختيار النص-العلامات وتستخدم لتمييز النص بالخط العريض والمائل ، على التوالي
- القوائم هي علامات
- عناصر القائمة-الوسم
هيكل الصفحة المحدد أساسي ويمكن توسيعه أو تغييره اعتمادا على احتياجات ومتطلبات المشروع.
إضافة أنماط لقائمة التنقل
لإضافة أنماط إلى قائمة التنقل في كوكب المشتري ، يجب عليك استخدام كس. في كوكب المشتري ، يمكنك تعيين أنماط داخل خلية التعليمات البرمجية وخارجيا ، في ملف نمط كس.
يمكن تكوين الأنماط الأساسية لقائمة التنقل في كوكب المشتري باستخدام خصائص كس التالية:
- لون الخلفية: يحدد لون الخلفية لقائمة التنقل;
- اللون: يحدد لون النص في قائمة التنقل;
- حجم الخط: يحدد حجم الخط لعناصر قائمة التنقل;
- الخط الوزن: يحدد تشبع الخط لعناصر القائمة التنقل;
- زخرفة النص: задает вид и стиль подчеркивания или зачеркивания текста в меню navigate;
- padding: определяет отступы внутри элементов меню navigate.
Пример использования стилей для меню navigate:
«`css
.navigate {
background-color: #f2f2f2;
color: #333333;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 10px;
}
.navigate li {
display: inline-block;
margin-right: 10px;
}
.navigate a {
color: #333333;
text-decoration: none;
}
.navigate a:hover {
text-decoration: تسطير;
}
«`
يحدد هذا المثال الأنماط الشائعة لقائمة التنقل وعناصرها. ستحتوي القائمة على خلفية فاتحة باللون # إف2ف2ف2 ، سيكون النص أسود (#333333) ، سيكون الخط غامقا بحجم 14 بكسل وبدون شرطات سفلية.
كما ترى من المثال ، يتم تطبيق أنماط قائمة التنقل على فئة التنقل ، المحددة في ترميز هتمل. يتم تعيين أنماط عناصر القائمة باستخدام المحددات.انتقل لي و .انتقل أ.
يمكنك أيضا وصف الأنماط الأخرى التي تخصص عرض قائمة التنقل في كوكب المشتري ، اعتمادا على التصميم والتخطيط المطلوبين.
ربط مكتبة مسج
لتوصيل مكتبة مسج لمشروع كوكب المشتري الخاص بك ، يمكنك استخدام عدة طرق.
''')
بعد توصيل مكتبة مسج ، يمكنك استخدام وظائفه ، إضافة وإزالة العناصر على الصفحة ، أداء الرسوم المتحركة وأكثر من ذلك بكثير.
- تهيئة قائمة التنقل في جافا سكريبت
- تتيح لك قائمة التنقل في دفتر جوبيتر التنقل بسرعة وسهولة عبر الأقسام والخلايا المختلفة داخل الكمبيوتر المحمول. إنها مجموعة من الروابط إلى تسميات ورؤوس مختلفة يمكن تحديدها داخل جهاز كمبيوتر محمول.
- لتهيئة قائمة التنقل في جافا سكريبت ، اتبع الخطوات التالية:
إنشاء خلية رمز في دفتر جوبيتر.
في خلية التعليمات البرمجية ، استيراد إبيثون.وحدة العرض واستدعاء طريقة العرض على كائن من فئة العرض من هذه الوحدة. |
في معلمة العرض ، قم بتمرير ترميز هتمل لعرض قائمة التنقل. |
" |
" |
الباب 2 |
"
"
")"
في التعليمات البرمجية أعلاه ، يتم إنشاء قائمة من عناصر ماي مع اثنين من نقاط لي ، كل منها هو رابط إلى قسم معين داخل الكمبيوتر المحمول. يحدد هريف سمة معرف التسمية أو الرأس الذي يجب أن يؤدي الارتباط. في هذا المثال ، يتم استخدام القسمين "القسم 1" و "القسم 2".
- بعد تنفيذ التعليمات البرمجية ، سيتم عرض قائمة التنقل مع رابطين إلى الأقسام المحددة. عند النقر فوق الارتباط ، يتم تمريره تلقائيا إلى الملصق أو العنوان المقابل داخل الكمبيوتر المحمول.
- إضافة عناصر القائمة
- لإضافة عناصر القائمة إلى كوكب المشتري ، استخدم التنقل.القائمة.إضافة البند () طريقة. تقبل هذه الطريقة المعلمات التالية:
- القائمة_الاسم: سلسلة ، معلمة مطلوبة تحدد اسم القائمة التي يجب إضافة العنصر إليها;
العنوان: سلسلة ، معلمة مطلوبة تشير إلى اسم عنصر القائمة;
عنوان ورل: سلسلة ، معلمة مطلوبة تحدد عنوان ورل الذي سيؤدي إليه عنصر القائمة;
المنصب: سلسلة ، معلمة اختيارية تشير إلى الموضع الذي يجب أن يوجد فيه عنصر القائمة.
مثال على الكود لإضافة عنصر قائمة:
انتقل.القائمة.إضافة عنصر (اسم القائمة = 'أساسي' ، العنوان= 'رئيسي' ، عنوان ورل='/' ، الموضع= 'الأول')
في هذا المثال ، نضيف عنصر قائمة يسمى" الصفحة الرئيسية "، والذي يؤدي إلى الصفحة الرئيسية (ورل"/") ويجب أن يكون موجودا في البداية.
يمكنك أيضا إضافة عناصر قائمة متعددة في مكالمة واحدة إلى طريقة الإضافة ():
انتقل.القائمة.إضافة عنصر (اسم القائمة = 'أساسي' ، العنوان= 'الصفحة الرئيسية' ، عنوان ورل='/')
انتقل.القائمة.إضافة عنصر (اسم القائمة = 'أساسي' ، العنوان = 'من نحن' ، عنوان ورل=' / حول')
في هذا المثال ، نضيف عنصرين من عناصر القائمة:" الصفحة الرئيسية "و"من نحن". يؤدي عنصر " الصفحة الرئيسية "إلى الصفحة الرئيسية ، ويؤدي عنصر" من نحن "إلى صفحة" من نحن "(عنوان ورل"/حول"). ستتم إضافة كلا العنصرين إلى القائمة" الأساسية".
menuItems[i].classList.add("current-menu-item");
}
}
Перенаправление при клике: