Плагин jQuery - SlideNote

SlideNote - это настраиваемый, гибкий плагин jQuery, который выводит выскальзывающее окно с заметкой. Также имеется версия плагина для WordPress.

Поддержка

SlideNote работает с версией jQuery 1.4.4 dj всех текущих версиях основных браузеров. Из семейства IE официально поддерживаются версии, начиная с 8.

Сайт проекта.

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

1. Включите SlideNote в заголовок вашей страницы. Также проверьте подключение jQuery.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.slidenote.js" type="text/javascript"></script>

2. Используйте плагин для одного или нескольких элементов.

$('#myNotification').slideNote(); // один элемент
$('.notification').slideNote(); // набор элементов 

3. Для изменния поведения плагина используйте опции функции slideNote()

$('#myNotification').slideNote({
  where: 640,
  corner: 'left',
  url: 'ajax.html',
  container: '<b style="color:black;background-color:#a0ffff">note</b>',
  closeImage: '/images/close.png',
  displayCount: 3,
  onSlideIn: function() { alert('Displayed!'); },
  onSlideOut: function() { alert('Hidden!'); }
});

Опции SlideNote

where

Определяет расстояние, на которое должна быть прокручена страница, прежде чем будет выведено окно сообщения. Если установить значение 0, то окно сообщения будет выведено при загрузке страницы. Значение по умолчанию: 640.

corner

Определяет сторону экрана, из-за которой будет выводиться окно сообщения. Значение по умолчанию: 'right'.

URL

Указывает плагину откуда вытягивать данные для содержимого окна сообщения. Если не указано, используется текущая страница. Значение по умолчанию: null.

container

Используется совместно с URL. Когда задано значение, то содержимое окна сообщения вытягивается из элемента с соответствующим ID с заданной с помощью URL страницы. Значение по умолчанию: ''.

closeImage

Выводит изображение, указанное в URL. Когда пользователь нажимает на изображение, окно сообщения убирается с экрана. Окно сообщения будет выведено только при прокручивании до позиции, указанной в значении опции where. Значение по умолчанию: null.

displayCount

Определяет, сколько раз нужно вывести окно сообщения. Значение по умолчанию: -1 (подсчет количества выводов окна не ведется).

onSlideIn

Возвратная функция, которая запускается при вводе окна сообщения на экран. Значение по умолчанию: null.

onSlideOut

Возвратная функция, которая выводится при убирании окна сообщения с экрана. Значение по умолчанию: null.

Демонстрация