Iheb Hafdallah

Loading...

تأثير الماوس السحري كيف يتم عمله ؟

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

عينة:

ماذا أحتاج لعمل هذا التأثير ؟

الأمر جد بسيط فقط ستحتاج إلى مكتبة صغيرة تم برمجتها بإستعمال JavaScript، و إسم هذه المكتبة هو MagicMouse.js حيث يمكنك عمل العديد من التأثيرهات على مؤشر الفأرة.

كيف يتم العمل بهذه المكتبة ؟

  1. نقوم بتحميل ملف الـ JavaScript الخاص بهذه المكتبة و هو متوفر في رابط الـ GitHub الخاص بهذه المكتبة.
  2. نقوم الأن بتضمين هذه الملف الصغير في ملف HTML الخاص بنا.
  3. بعدما قمنا بتضمين الملف الذي بإسم magic_mouse.cd.min.js. نقوم بإضافة سكريبت بعده الذي يحتوي على خيارات التي تجعل مؤشر الفأرة يظهر بالشكل المراد.

العينة من الكود:  

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