noty – jQuery-плагин для создания уведомлений на сайте

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

Краткая инструкция по использованию

Подключите последнюю версию библиотеки jQuery между тегами head на Вашей странице. Вы можете использовать для этого Google AJAX Libraries API, или же скачать самостоятельно её с сайта разработчика jquery.com.

Скачайте noty с Github и загрузите файлы на Ваш сервер.

Подключите скрипт jquery.noty.js после библиотеки jQuery. Кроме того, не забудьте добавить файл jquery.noty.css в хидер. Ваш код должен быть примерно таким:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.noty.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery.noty.css"/>

Создание сообщения также очень простое:

// ex1 - alert
$('.ex1.alert').click(function() {
    noty({text: 'noty - это jquery плагин для сообщений!'});
});

Более подробную информацию о этом плагине смотрите на сайте разработчика.

Сайт | GitHub