الصفحة الرئيسية » UI / UX » كشف عندما يترك الماوس النافذة مع Glio.js

    كشف عندما يترك الماوس النافذة مع Glio.js

    كم مرة تذهب لإغلاق علامة التبويب وتلاحظ أ نافذة مشروط يطلب منك البقاء? يبدو هذا أمرًا شائعًا في الوقت الحاضر ويتم ذلك لسبب واحد: إنه يعمل!

    يمكنك بناء تأثير مماثل باستخدام مكتبة Glio.js. إنه برنامج نصي JS مفتوح المصدر مجاني لاكتشاف وقت وجود مؤشر الماوس الخاص بالمستخدم الاقتراب من الحافة او متى يترك نافذة المتصفح.

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

    ستجد الكثير من هذه البرامج النصية للخروج نية في جميع أنحاء شبكة الإنترنت ومعظمهم صعبة لتخصيص. ولكن ، هذا ما يجعل Glio.js كبيرة جدًا.

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

    كما يأتي مع المدمج في النقاط الساخنة يمكنك التحقق كلما اقترب ماوس المستخدم من أي من أركان الشاشة الأربعة. بامكانك ايضا تحديد طريقة رد الاتصال و مدى قرب المؤشر يجب أن يحصل قبل تشغيل أي شيء.

    لاستخدام Glio ، فقط قم بتنزيل نسخة من جيثب والحصول عليها مثبتة. يمكنك أيضا سحب نسخة من Bower أو npm أو مباشرة من CDN.

    مع البرنامج النصي في صفحتك ، أنت فقط إضافة هذا سطر واحد من التعليمات البرمجية (مخصصة مع خياراتك):

     glio.init ([direction، callback])؛ 

    ال اتجاه الخيار يمكن أن يكون أي زاوية (على سبيل المثال. “أعلى اليسار”) أو “أعلى”, يمثل الجزء العلوي من الشاشة. وظيفة رد الاتصال الخاصة بك هي أيا كان كود JS الذي تريد تشغيله عندما يقترب فأرة المستخدم. خيار آخر يتيح لك تحديد المسافة من نقطة الاتجاه, يمكنك العثور على المعلومات ذات الصلة على جيثب.

    لذلك ، إذا كنت تبحث عن برنامج نصي بسيط ل كشف نية الخروج Glio هو مورد يجب أن يكون.