Главная » Статьи » Прочее

Плавающая Фиксированная панель снизу сайта

В нижнюю Часть сайта
Код
<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>  
//
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);  
});  
//  
</script>
Категория: Прочее | Добавил: slavick (02.08.2013)
Просмотров: 158 | Теги: панель, Плавающая, сайта, снизу, Фиксированная | Рейтинг: 1.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]