Overhang.js - תוסף jQuery עבור הודעות הודעה הנפתח

כמה מעצבנים הם ברירת המחדל של תיבות ההתראה JS? הם מרגישים כמו שריד מעידן פרימיטיבי של התפתחות האינטרנט.

כיום, אנחנו יכולים לעשות הודעות הודעה לא פולשניות אשר חולקים את אותו מידע אבל אל תפריע לחוויית המשתמש. וזה בדיוק מה שאתה יכול לעשות עם overhang.js.

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

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

הודעות יכולות הצלחה ממסר, כשל, שגיאה או הודעות פשוטות עם מידע על המשתמש או על הדף. הודעות יכולות גם יש שלהם כן / לא כפתורים לשאול משתמשים שאלות כמו התראת הנחיה של JavaScript.

יש גם אפשרות ליצור את ההנחיות הנפתחת עם שדה קלט. זה יהיה מושלם עבור דוא"ל opt-in טופס.

Overhang.js תומך בכל הדפדפנים העיקריים הנתמכים על ידי jQuery וזה גם מופעל על ידי ממשק המשתמש jQuery עבור תכונות אנימציה.

יחד עם jQuery & jQuery UI ספריות, תצטרך גם כולל קובץ CSS מותאם אישית עם התוסף. אתה יכול תמיד למזג את זה עם גליון סגנונות של אתר האינטרנט שלך כדי להפחית בקשות HTTP.

כל שיחה שבוצעה overhang () השיטה יכולה לקחת כל מספר פרמטרים. אלו הם שקוראים לו “אפשרויות” והם נותנים לך שליטה מלאה על כל תיבת הודעה.

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

הנה קטע טקסט להפגין כיצד ליצור תיבת אישורYou

 // אישור כלשהו $ ("body"). (סוג: "אישור", yesMessage: "כן בבקשה!", הודעה: "לא תודה."); 

אתה יכול לראות את זה די פשוט וזה אינו דורש הרבה קוד jQuery.

ל הורד עותק של תוסף, אתה יכול לבקר את ריפו על GitHub שבו אתה יכול גם לדפדף בין קבצי המקור ישירות. או, אם אתה רוצה ראה דוגמאות חיות נוספות ראש על מעל לאתר Overhang.js.