Overhang.js - JQuery Plugin для повідомлень із сповіщеннями про випадає

Як дратує коробки сповіщення JS за умовчанням? Вони відчувають себе як пережиток з примітивної минулої ери веб-розробки.

Сьогодні ми можемо зробити ненав'язливі повідомлення але подібна інформація є такою не переривати роботу користувача. І це саме те, що ви можете зробити overhang.js.

Цей безкоштовний плагін jQuery може додавати власні панелі сповіщень що випадає з верхньої частини екрана. Вони позиціонується через CSS і анімовані за допомогою JavaScript, щоб вони могли опуститися з фіксованої точки зверху незалежно від довжини сторінки.

Ви можете створювати повідомлення, які автоматично закривається через певний час, або інші вимагають введення користувача.

Повідомлення можуть успіх ретрансляції, відмова, помилка або прості повідомлення з інформацією про користувача або сторінку. Повідомлення можуть також мають власні кнопки так / ні задати користувачам запитання, наприклад, сповіщення про JavaScript.

Є навіть можливість створити підказки випадаюче з полем введення. Це було б ідеально для електронної пошти.

Overhang.js підтримує всі основні браузери, що підтримуються jQuery і це також живиться від jQuery UI для анімованих функцій.

Поряд з бібліотеками інтерфейсу jQuery & jQuery вам також потрібно включати власний файл CSS з плагіном. Ви завжди можете об'єднайте це з таблицею стилів вашого веб-сайту зменшити HTTP-запити.

Кожен дзвінок, зроблений до нависання () Метод може приймають будь-яку кількість параметрів. Вони є називається “опції” і вони надають вам повний контроль над кожним вікном сповіщень.

Ви можете змінити швидкість анімації, тривалість, ослаблення, і розмір вікна / колір, разом з іншими особливостями дизайну.

Ось a фрагмент зразка демонструючи, як створити вікно підтвердження:

 // Деяке підтвердження $ ("body"). Overhang (type: "confirm", yesMessage: "Так, будь ласка!", NoMessage: "Ні, дякую."); 

Ви можете побачити це досить просто і це не вимагає багато коду jQuery.

До завантажити копію плагіна, ви можете відвідати репо на GitHub, де ви також можете переглядати вихідні файли безпосередньо. Або, якщо хочете див. більш живі приклади відправляйтеся на веб-сайт Overhang.js.