Конструктор всплывающих уведомлений

Конструктор позволяет быстро собрать скрипт всплывающих уведомлений для ваших сайтов.

Стиль

Default

Info

Toast

Danger

Warning

Success

Настройки

Горизонтальное выравнивание

Вертикальное выравнивание

Задержка, мс

Интервал, мс

Анимация

Кнопка закрытия (х)

Контент

Текстовые сообщения (разделять символом ';')

Как пользоваться

1. Настройте стиль, напишите необходимое количество текстовых сообщений, разделяя их символом ";" (после последнего сообщения символ ";" не ставьте!).
2. Кнопками "Старт" и "Стоп" уведомления можно сразу протестировать.
3. Если все устраивает, скачайте файл - "Скачать скрипт".

Подключение

1. На странице, перед вашим скриптом, должен быть подключен jQuery (скачать).
2. В тег head страницы нужно подключить стили уведомлений (скачать).

Пример подключения

<!doctype html>
<html lang="en">
  <head>
    <!-- ... стили страницы .css и др.  ...-->

    <!-- Стили уведомлений -->
    <link rel="stylesheet" type="text/css" href="css/notify.css">

    <title>Hello, world!</title>
  </head>
  <body>
    <!-- Контент страницы -->

    <!-- Подключение jQuery (если еще не подключен) -->
    <script src="js/jquery-3.5.1.min.js"></script>
    <!-- Подключение скрипта уведомлений -->
    <script src="js/notify_uproof_pro.js"></script>
  </body>
</html>