Давайте посмотрим правде в глаза, почему бы не обеспечить вашим пользователям дополнительный комфорт с помощью милых уведомлений, которые не будут напрягать и надоедать своим присутствием.
И как раз 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
};