Sticky — невероятно простая система уведомлений на jQuery

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

И как раз Sticky позволяет отправлять различные сообщения с необыкновенной легкостью и быстротой. Такие сообщения могут быть абсолютно разного характера: обновление программного обеспечения, процесс пополения, напоминания о регистрации и т.д.

Sticky чрезвычайно мал. В полной версии он весит около 3.8kb, в сжатой версии 2.1kb.

Реализация

Запуск и внедрение Sticky очень просто. Просто подключите jQuery и файлы плагина в разделе head.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="sticky.js"></script>
<link rel="stylesheet" href="sticky.css" type="text/css" />

Не забудьте про изображение close.png! Этот файл должен быть в той же директории что и sticky.js.

Теперь можно отправлять Sticky сообщения!

<script>
$(document).ready(function()
{
$.sticky('The page has loaded!');
});
</script>

Или присоединять к выбранному вами объекту.

$('#download_status').sticky();

Управление

Управление внешним видом уведомлений производится полностью в CSS файле. Но настройка позиционирования уведомлений не такая гибкая и правится только в файле sticky.js. Остальные параметры можно настроить довольно легко.

var position = 'top-right';     // top-left, top-right, bottom-left или bottom-right
var settings =
{
'speed'    :    'fast',     // анимация: fast, slow или целое число
'duplicates'    :    true,     // true или false
'autoclose'    :    5000     // целое число или false
};