Overhang.js - плагин jQuery для выпадающих уведомлений

Насколько раздражает окна оповещений JS по умолчанию? Они чувствуют себя как пережиток примитивной эпохи веб-разработки.

В настоящее время мы можем сделать ненавязчивые уведомления которые разделяют ту же информацию, но не прерывайте пользовательский опыт. И это именно то, что вы можете сделать с overhang.js.

Этот бесплатный плагин jQuery может добавить пользовательские панели уведомлений который выпадает из верхней части экрана. Они позиционируется через CSS а также анимированный с помощью JavaScript, так что они могут упасть с фиксированной точки на вершине независимо от длины страницы.

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

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

Есть даже возможность создавать приглашения, которые выпадающий с полем ввода. Это было бы идеально для формы по электронной почте..

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

Наряду с библиотеками пользовательского интерфейса jQuery и jQuery вам также потребуется включить пользовательский файл CSS с плагином. Вы всегда можете объединить это с таблицей стилей вашего сайта уменьшить HTTP-запросы.

Каждый звонок сделан свес () метод может принимать любое количество параметров. Это называется “опции” и они дают вам полный контроль над каждой коробкой уведомлений.

Вы можете изменить скорость анимации, продолжительность, ослабление, а также размер / цвет коробки, наряду с другими конструктивными особенностями.

Вот образец фрагмента демонстрируя, как создать окно подтверждения:

 // Некоторое подтверждение $ ("body"). Overhang (type: "verify", yesMessage: "Да, пожалуйста!", NoMessage: "Нет, спасибо."); 

Вы можете видеть это довольно просто и это не требует большого количества кода JQuery.

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