Overhang.js - JQuery Plug-in за падащи съобщения за уведомяване

Колко досадно са кутии за предупреждение по подразбиране за JS? Те се чувстват като реликва от примитивна отминала ера на уеб разработки.

Днес можем да направим ненатрапчиви уведомителни съобщения които споделят една и съща информация, но не прекъсвайте потребителския опит. И точно това можете да направите overhang.js.

Този безплатен jQuery плъгин може добавете персонализирани ленти за известия което пада от горната част на екрана. Те са позиционирани чрез CSS и анимирани с JavaScript, така че те могат да падат от фиксирана точка в горната част независимо от дължината на страницата.

Можете да създавате съобщения, които автоматично затваряне след определено време, или други такива изисква въвеждане от потребителя.

Съобщенията могат успех, неуспех, грешка или прости уведомления с информация за потребителя или страницата. Съобщенията също могат имат собствени бутони да / не да задавате въпроси на потребителите като предупреждението на JavaScript.

Има дори възможност за създаване на подкани за това падащо меню с поле за въвеждане. Това би било идеално за електронна поща.

Overhang.js поддържа всички основни браузъри, поддържани от jQuery и също задвижвани от jQuery UI за анимираните функции.

Заедно с jQuery & jQuery библиотеките на потребителския интерфейс, вие също ще трябва да го направите включва персонализиран CSS файл с приставката. Винаги можете слеете това със стиловете на уебсайта си за намаляване на HTTP заявки.

Всяко обаждане до стърчащ край () метод може вземат произволен брой параметри. Това са Наречен “настроики” и те ви дават пълен контрол над всяко поле за уведомяване.

Можете да промените скорост на анимация, продължителност, облекчаване, и размер / цвят на кутията, заедно с други характеристики на дизайна.

Ето едно примерен фрагмент демонстрирайки как създайте поле за потвърждение:

 // Няколко потвърждение $ ("body"). Overhang (type: "confirm", yesMessage: "Да, моля!", NoMessage: "Не благодаря."); 

Можете да видите това доста проста и то не изисква много jQuery код.

Да се изтеглете копие на плъгина, можете да посетите репо на GitHub, където можете да разглеждате директно изходните файлове. Или, ако искате виж повече живи примери отидете на уебсайта на Overhang.js.