Простая выдвижная фиксированная панель 1.0 by Apocalypse для uCoz

Категория: Скрипты / Дата добавления материала: 09.04.2011, 14:58
Установка: В любой глобальный блок или на тех страницах, где должна быть панель, вставляйте: Code <style> #acont {background:#bababa; border: 10px solid #888; width:700px; height:100px; position:fixed; bottom:-140px; left:50%; margin-left:-350px;opacity:0;border-radius: 20 20 0 0;-moz-border-radius:20 20 0 0;padding:10px;color:#000;font-weight:bold;} #abtn {position:fixed; bottom:0px; left:50%; margin-left:-75px;width:150px;} </style> <input id="abtn" value="Открыть панель" type="button" /> <div id="acont">Здесь любой ваш контент</div> <script> // Easy Panel 1.0 by Apocalypse var b = $('#abtn'); var c = $('#acont'); b.toggle(function() { b.animate({bottom: '+=100px',opacity: 0.7}, 1000).attr('value' , 'Закрыть панель'); c.animate({bottom: '+=100px',opacity: 0.7}, 1000); }, function() { b.animate({bottom: '-=100px',opacity: 1}, 1000).attr('value' , 'Открыть панель'); c.animate({bottom: '-=100px',opacity: 0}, 1000); }); // http://apo-ucoz.com , 2011 год </script> Полезный материал ? Посетите сайт автора: http://apo-ucoz.com
Просмотров: 530 \| Загрузок: 0 \| Рейтинг: 5.0/1

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]