529 Давайте посмотрим правде в глаза, почему бы не обеспечить вашим пользователям дополнительный комфорт с помощью милых уведомлений, которые не будут напрягать и надоедать своим присутствием.
И как раз Sticky позволяет отправлять различные сообщения с необыкновенной легкостью и быстротой. Такие сообщения могут быть абсолютно разного характера: обновление программного обеспечения, процесс пополения, напоминания о регистрации и т.д.
Sticky чрезвычайно мал. В полной версии он весит около 3.8kb, в сжатой версии 2.1kb.
Реализация
Запуск и внедрение Sticky очень просто. Просто подключите jQuery и файлы плагина в разделе head.
|
1 2 3 |
<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 сообщения!
|
1 2 3 4 5 6 |
<script> $(document).ready(function() { $.sticky('The page has loaded!'); }); </script> |
Или присоединять к выбранному вами объекту.
|
1 |
$('#download_status').sticky(); |
Управление
Управление внешним видом уведомлений производится полностью в CSS файле. Но настройка позиционирования уведомлений не такая гибкая и правится только в файле sticky.js. Остальные параметры можно настроить довольно легко.
|
1 2 3 4 5 6 7 8 |
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 }; |
