Плагин jQuery notification
Представляем плагин уведомления на JQuery, этот плагин сделает вид оповещения о чем-либо на сайте более понятным и приятным. Плагин jQuery notification показывает четыре вида оповещения: успешное выполнение действия, ошибка, предупреждение и информация. Различие только в цвете, цвета, естественно, самые подходящие. Где можно использовать такой плагин оповещения? Можно сообщать об ошибках на сайте, также можно сделать просьбу, например, о добавлении страницы в избранное. Оповещение выдвигается сверху в виде фиксированной панели с шириной на всю страницу. Закрывается оповещение нажатием на крестик.
Установка
1. Подключите JQuery и библиотеку плагина jQuery notification:
2. Установите код для подключения CSS:
3. Вызов функции осуществляется следующим образом:
Значения для параметра "type": success, error, warning, information.
Пример страницы (с дополнительными параметрами)
Установка
1. Подключите JQuery и библиотеку плагина jQuery notification:
Code
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
2. Установите код для подключения CSS:
Code
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/>
3. Вызов функции осуществляется следующим образом:
Code
showNotification({
type : "error",
message: "Это простой пример использования плагина"
});
type : "error",
message: "Это простой пример использования плагина"
});
Значения для параметра "type": success, error, warning, information.
Пример страницы (с дополнительными параметрами)
Code
<html>
<head>
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
showNotification({
message: "Пример оповещения",
type: "success",
autoClose: true,
duration: 5
});
});
</script>
</head>
<body>
Содержимое страницы
</body>
</html>
<head>
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
showNotification({
message: "Пример оповещения",
type: "success",
autoClose: true,
duration: 5
});
});
</script>
</head>
<body>
Содержимое страницы
</body>
</html>
Создать сайт в uKit
Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Воспользуйтесь сервисом uKit. Никакого кода!
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Легко! Если пользоваться нашими советами.
