موقعك:الصفحة الرئيسية > JS كود المؤثرات الخاصة > التنقل والقائمة
إضافة قائمة دائرية SVG + JS
ربما يعجبك أيضا
- قائمة منسدلة متعددة المستويات لقائمة التنقل المسطحة CSS3
يستخدم نمط التنقل في موقع الويب هذا تصميمًا مسطحًا ، مع رموز خطوط FontAwesome ، وقائمة منسدلة متعددة المستويات يتم تنفيذها باستخدام كود css3 النقي.
- css3 + js الماوس تحوم على قائمة مفتوحة على شكل مروحة
css3 + js الماوس تحوم على شكل مروحة قائمة مفتوحة رمز تأثير خاص
- Bootstrap icon إضافة علامات تبويب
استنادًا إلى المكون الإضافي لعلامات تبويب Bootstrap ، تستخدم علامة التبويب هذه CSS3 لتجميل بعض التأثيرات على أساس علامات تبويب التمهيد لتحسين تجربة المستخدم.
- شبيبة القائمة الدائرية المساعد
برنامج إضافي جميل لقائمة دائرية js. تظهر أزرار قائمة الرموز الصغيرة حول الزر الدائري في المنتصف.
- تنبثق قائمة القوس في الزاوية اليسرى السفلية من jQuery
قائمة jQuery مثبتة في الزاوية اليسرى السفلية لصفحة الويب ، الافتراضي هو النقر لتوسيع قائمة القوس في الحالة المتعاقد عليها.
- jQuery يطفو لأسفل البرنامج المساعد شريط التنقل
بشكل افتراضي ، يكشف المكون الإضافي لقائمة التنقل في jQuery عن جزء صغير فقط ، وستظهر قائمة التنقل بأكملها عند تحريك الماوس فوقها.
- Bootstrap استجابة قائمة التنقل المكوِّن لأنماط الأجهزة المختلفة
أنماط مختلفة من قوائم التنقل سريعة الاستجابة على الأجهزة ذات الأحجام المختلفة ، يخفي Bootstrap3 الشريط الجانبي المنزلق المكون الإضافي jQuery. سيعرض المكون الإضافي للشريط الجانبي قائمة علوية أفقية عادية على الأجهزة ذات الشاشات الكبيرة ، وعلى الأجهزة ذات الشاشات الصغيرة مثل الهواتف المحمولة ، سيتم تحويل القائمة لإخفاء الشريط الجانبي المنزلق. يخفي Bootstrap القائمة الموجودة على الأجهزة ذات الشاشات الصغيرة افتراضيًا ولا يعرض سوى زر الهامبرغر. ومع ذلك ، فإن القائمة المخفية ليس لها تأثير انزلاق. يمكن لمكوِّن الشريط الجانبي offcanvas.js الجانبي تحويل قائمة Bootstrap المخفية إلى قائمة منزلقة.
- التنقل في علامة التبويب css3 مع الرموز
- jQuery rounded tab تبديل البرنامج المساعد
المكوّن الإضافي لعلامات التبويب الجميلة ، المظهر جميل جدًا ، يستخدم تصميمًا مستدير الزوايا ، يحتوي جزء المحتوى على الرمز.
- بارد Bootstrap تجميل علامات التبويب البرنامج المساعد
المكون الإضافي لعلامات تبويب تجميل Bootstrap الرائعة ، تستند التأثيرات الخاصة لعلامة التبويب إلى علامات تبويب Bootstrap الأصلية ، باستخدام أنماط CSS للتجميل ، وتتم إضافة وظيفة الرسوم المتحركة التلسكوبية الخاصة بعلامة التبويب.