דף הבית » ממשק משתמש / UX » זיהוי כאשר העכבר משאיר את החלון עם Glio.js

    זיהוי כאשר העכבר משאיר את החלון עם Glio.js

    כמה פעמים אתה הולך לסגור את הלשונית ולשים לב חלון מודאלי מבקש ממך להישאר? זה נראה שכיח בימינו וזה נעשה מסיבה אחת: זה עובד!

    אתה יכול לבנות אפקט דומה באמצעות ספריית Glio.js. זה קוד פתוח חינם JS סקריפט כדי לזהות כאשר סמן העכבר של המשתמש מתקרב לקצה או מתי זה משאיר את חלון הדפדפן.

    זה יכול לשמש כדי לנסות שמירה על המבקרים באתר שלך. אבל, זה יכול לשמש גם ליצור אפקטים דינמיים אם העכבר של המשתמש הולך רחוק לצד אחד של המסך.

    תמצא הרבה כאלה יציאה סקריפטים כוונה בכל רחבי האינטרנט ורובם קשה להתאים אישית. אבל, זה מה שעושה Glio.js כל כך נהדר.

    זוהי ספריה חזקה נותן לך שליטה על מה שאתה עושה עם המסך. אם העכבר של המשתמש עוזב את הדפדפן שאתה יכול להציג מודאלית, או לשנות את צבע הרקע, או לעשות שום דבר.

    זה גם מגיע עם מובנית נקודות חמות כי אתה יכול לבדוק מתי העכבר של המשתמש מתקרב לכל אחת מארבע פינות המסך. אתה יכול גם הגדר את שיטת החיוג ו עד כמה הסמן צריך להגיע לפני ריצה.

    כדי להשתמש Glio, פשוט להוריד עותק מ GitHub ולקבל את זה מותקן. אתה יכול גם למשוך עותק מ באואר, npm, או ישירות CDN.

    עם התסריט בדף שלך, אתה פשוט הוסף שורה אחת של קוד (מותאם אישית עם האפשרויות שלך):

     glio.init ([כיוון, התקשרות]); 

    ה כיוון אפשרות אפשרית בכל פינה (למשל. “שמאלי עליון”) או “חלק עליון”, המייצג את החלק העליון של המסך. פונקציית החיוג שלך היא כל קוד JS אתה רוצה לרוץ כאשר העכבר של המשתמש מקבל קרוב מדי. אפשרות אחרת מאפשרת לך להגדיר את המרחק מנקודת הכיוון, אתה יכול למצוא את המידע בנושא על GitHub.

    אז, אם אתה מחפש סקריפט פשוט לזהות כוונת יציאה Glio הוא משאב חובה.