Overhang.js - البرنامج المساعد مسج لرسائل إعلام المنسدلة
كيف مزعج هي مربعات تنبيه JS الافتراضية? يشعرون وكأنهم بقايا من حقبة ماضية بدائية من تطوير الشبكة.
في الوقت الحاضر ، يمكننا أن نجعل رسائل إعلام غير مزعجة التي تشترك في نفس المعلومات ولكن لا تقاطع تجربة المستخدم. وهذا بالضبط ما يمكنك القيام به overhang.js.
هذا البرنامج المساعد jQuery الحرة يمكن إضافة أشرطة الإعلام المخصصة هذا المنسدلة من أعلى الشاشة. هم وضعه عبر CSS و الرسوم المتحركة مع جافا سكريبت, حتى يتمكنوا من الهبوط من نقطة ثابتة في الأعلى بغض النظر عن طول الصفحة.
يمكنك بناء رسائل ذلك إغلاق تلقائي بعد وقت معين, أو غيرها من ذلك تتطلب إدخال المستخدم.
يمكن الرسائل ترحيل النجاح أو الفشل أو الخطأ أو الإخطارات البسيطة مع معلومات حول المستخدم أو الصفحة. يمكن الرسائل أيضا لديك الخاصة بهم نعم / لا أزرار لطرح أسئلة المستخدمين مثل تنبيه جافا سكريبت الفوري.
حتى أن هناك خيار لإنشاء مطالبات بذلك المنسدلة مع حقل الإدخال. سيكون هذا مثاليًا لنموذج التقيد بالبريد الإلكتروني.
Overhang.js يدعم جميع المتصفحات الرئيسية التي تدعمها jQuery وانها ايضا مدعوم من jQuery UI للميزات المتحركة.
بالإضافة إلى مكتبات jQuery & jQuery UI ، ستحتاج أيضًا إلى تضمين ملف CSS مخصص مع البرنامج المساعد. انت تستطيع دائما دمج هذا مع ورقة أنماط موقع الويب الخاص بك للحد من طلبات HTTP.
كل مكالمة إلى البروز() طريقة يمكن تأخذ أي عدد من المعلمات. هؤلاء هم مسمي “خيارات” ويمنحك السيطرة الكاملة على كل مربع إعلام.
يمكنك تغيير سرعة الحركة, المدة الزمنية, تخفيف, و حجم مربع / اللون, جنبا إلى جنب مع ميزات التصميم الأخرى.
هنا أ مقتطف عينة مما يدل على كيفية إنشاء مربع التأكيد:
// بعض التأكيد $ ("body"). تراكب (type: "confirm"، yesMessage: "Yes please!"، noMessage: "No thanks.")؛ يمكنك أن ترى هذا هو بسيط جدا و لا يتطلب الكثير من كود jQuery.
إلى تحميل نسخة من البرنامج المساعد ، يمكنك زيارة الريبو على جيثب حيث يمكنك أيضًا تصفح الملفات المصدر مباشرة. أو ، إذا كنت تريد ذلك رؤية المزيد من الأمثلة الحية وجها لوجه إلى موقع Overhang.js.
