Documentation: https://www.jqueryscript.net/other/Notification-Plugin-Bootstrap-4-Hullabaloo.html

Hullabaloo.js

Простой плагин оповещений, который использует стили стандартных Bootstrap алертов. Для его создания использовался плагин bootstrap-growl.

Зависимости

1. Latest version of jQuery.
2. Twitter Bootstrap. (current rev tested with 4.0.0) (Необязательно)

Использование

Подключите стили bootstrap или файл стилей hullabaloo.css и hullabaloo.js на свою страницу, Создайте главный объект hullabaloo и вызывайте.

$.hulla = new hullabaloo();
$.hulla.send("Добро пожаловать!", "success");

Дополнительные функции

Можно настроить вызов ваших функций в разный момент жизни алерта

// Ф-ия выполнится как только алерт выведется на экран, но до того как он исчезнет
$.hulla.options.fnEnd = function() {
    alert("Алерт вывелся и скоро исчезнет")
}

// Ф-ия выполнится еще до появления алерта на экран
$.hulla.options.fnStart = function() {
    alert("Алерт скоро появится");
}

// Ф-ия выполнится как только алерт исчезнет с экрана
$.hulla.options.fnEndHide = function() {
    alert("Алерт закрылся");
}

Опции

Изменение опций по умолчанию

$.hulla.options.<опция> = <значение>;

Список доступных опций:

Option	Default	Description
offset.from	top	Положение алерта по вертикали
align	right	Положение алерта по горизонтале
width	250	Ширина алерта
delay	4000	Задержка отображения
allow_dismiss	true	Кнопка закрытия алерта
text		Текст по умолчанию
icon		Иконка по умолчанию
status	danger	Статус по умолчанию
alertClass	пусто	Дополнительные класс для блока алерта