Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

Плагин панели уведомлений в стиле Twitter с jQuery

Дата добавления: 12.10.2020 - 08:35
Добавил: Buger
Количество просмотров: 25
Количество комментариев: 0
Размер файла: 161.0 Kb
Рейтинг материала: 5.0 / 1
Плагин панели уведомлений в стиле Twitter с jQuery
рейтинг 5.0
/
голосов 1
Это простой в использовании и легко настраиваемый плагин jQuery, используемый для отображения различных типов уведомлений о сообщениях на вашей веб-странице, как в Twitter.

Как использовать:


1. Загрузите и подключите к странице jquery.notifyBar.css для основных стилей уведомлений.
Код
<link rel="stylesheet" href="css/jquery.notifyBar.css">


2. Загрузите и подключите к странице скрипт jquery.notifyBar.js после библиотеки jQuery внизу вашей веб-страницы.
Код
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.notifyBar.js"></script>


3. Создайте обычную панель уведомлений с настраиваемыми сообщениями.
Код
$.notifyBar({html: 'Здесь ваше сообщение',});


4. Полные параметры плагина для настройки панели уведомлений.
Код
// собственное сообщение
html: 'Здесь текст вашего сообщения',

// задержка
delay: 3000,

// скорость анимации
animationSpeed: 200,

// error, success, warning или пользовательский класс CSS
cssClass: 'success',

// target object
jqObject: '',

// показывать кнопку закрытия
close: false,

// текст для кнопки закрытия
closeText: '×',

// закрытие панели при клике по панели уведомлений
closeOnClick: true,

// закрытие панели при наведении указателя мыши на панель уведомлений
closeOnOver: false,

// если включено, панель уведомлений не закрывается, пока пользователь не нажмет кнопку закрытия.
waitingForClose: true,

// позиция показа 'bottom'
position: 'top'

// функции обратного вызова
onBeforeShow: null,
onShow: null,
onBeforeHide: null,
onHide: null,
Добавлять комментарии могут только зарегистрированные пользователи.


Поделись с друзьями: