مؤسسة ماجلان (ماجلان) الملاحة
كيفية إنشاء الملاحة ماجلان
ماجلان ملاحة يتم إنشاء مؤشر الملاحة على النحو التالي:
أمثلة
<دل الطبقة = "دون الملاحة ">
<بضد بيانات ماجلان وصول = "page1"> <a أ href = "# page1"> صفحة 1 </ أ> </ DD>
<بضد بيانات ماجلان وصول = "page2"> <a أ href = "# page2"> صفحة 2 </ أ> </ DD>
</ دل>
</ div>
<H3-ماجلان الوجهة البيانات = "page1"> Page1 </ H3>
اسم <A = "page1"> </ A>
...
<H3-ماجلان الوجهة البيانات = "page2"> Page2 </ H3>
اسم <A = "page2"> </ A>
...
<! - تهيئة مؤسسة شبيبة ->
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ()؛
})
</ script>
محاولة »
أمثلة تحليلية
على عنصر <div> لإضافة data-magellan-expedition="fixed" " الملكية لإنشاء ماجلان التنقل.
ثم <dd> أو <li> إضافة data-magellan-arrival=" value " " السمة، وإضافة وصلة الظهر حيث بلغت قيمة السمة (page1).
باستخدام data-magellan-destination="value" " سمة للسيطرة على الهدف الملاحة ماجلان، تليها <a> العناصر إضافة name=" value " السمة. يجب أن يكون اثنين من قيمة العقار data-magellan-arrival قيم متناسقة (page1).
وأخيرا، فإن مؤسسة التهيئة شبيبة، والملاحة المستخدم أثناء التنقل في صفحة والتبديل تلقائيا على أساس المحتوى المعروض حاليا.
رئيس ماجلان الإنتقال شريط الأدوات
رئيس ماجلان الإنتقال شريط الأدوات باستخدام أمثلة:
أمثلة
<التنقل الطبقة = "أعلى شريط " البيانات topbar>
...
<القسم الطبقة = "أعلى شريط -section">
<الطبقة UL = "اليسار">
<لي البيانات ماجلان وصول = "page1"> <a أ href = "# page1"> صفحة 1 </ أ> </ لى>
<لي البيانات ماجلان وصول = "page2"> <a أ href = "# page2"> صفحة 2 </ أ> </ لى>
</ UL>
</ القسم>
</ التنقل>
</ div>
<H3-ماجلان الوجهة البيانات = "page1"> Page1 </ H3>
اسم <A = "page1"> </ A>
...
<H3-ماجلان الوجهة البيانات = "page2"> Page2 </ H3>
اسم <A = "page2"> </ A>
...
محاولة »
ماجلان الإنتقال الحشو
افتراضيا، الملاحة ماجلان <div> عنصر له الحشو 10px. CSS يمكن استخدامها لإزالته:
خيارات التنقل ماجلان
باستخدام-خيارات البيانات تعديل سمات إعدادات الملاحة ماجلان، مثل <div data-magellan-expedition="fixed" data-options="destination_threshold:60"> :
| اسم | نوع | افتراضي | وصف | أمثلة |
|---|---|---|---|---|
| active_class | سلسلة | نشط | تحدد الدرجة رابط التفعيل | محاولة |
| عتبة | عدد | 0 | حدد في وقت ما يحتاج الملاحة موقف ثابت. وسيتم احتساب وفقا لشريط التمرير، الافتراضي هو 0 (السيارات). | محاولة |
| destination_threshold | عدد | 20 | يتم تعيين قيمة مجموعة لعرض قيمة ارتباطات التنقل للتنقل من الجزء العلوي من قائمة نشطة (خلفية زرقاء) عندما. | محاولة |
| fixed_top | عدد | 0 | تحدد القيم بكسل من الرأس شريط التنقل | محاولة |