09:04
ОбновитьСмайлыУправление мини-чатом
Вы вошли как Гость | Группа "Гости" | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Простая выдвижная фиксированная панель 1.0 by Apocalypse (Простая выдвижная фиксированная панель 1.0 by Apocalypse)
Простая выдвижная фиксированная панель 1.0 by Apocalypse
Админ-2Дата: Четверг, 07.04.2011, 13:19 | Сообщение # 1
Рядовой
Группа: Администраторы
Сообщений: 2
[ ]
Offline
Простая выдвижная фиксированная панель 1.0 by Apocalypse

Quote

От автора:
Сегодня со скуки решил написать небольшой jQuery плагин - выдвигающуюся снизу панельку, в которой можно разместить любую информацию. Панель очень легко настраивается и вы сможете без особого труда адаптировать её под свои нужды

Установка:

В любой глобальный блок или на тех страницах, где должна быть панель, вставляйте:

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>

Ссылка на источник материала.

Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Простая выдвижная фиксированная панель 1.0 by Apocalypse (Простая выдвижная фиксированная панель 1.0 by Apocalypse)
Страница 1 из 11
Поиск:

Сделать бесплатный сайт с uCoz

www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Загрузка...