| МЕНЮ САЙТА |
|
|
 |
| НАША КНОПКА |
|
|
|
|
|
|
Наша кнопка
|
|
|
|
|
|
|
|
|
Главная » 2011 » Сентябрь » 22 » Выдвижная панель
|
<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://shockshop.moy.su , 2011 год
</script>
|
|
Просмотров: 9132 |
Добавил: MADMAX1234
| Теги:
| Рейтинг: 5.0/2 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
|
| МОЙ ПРОФИЛЬ |
|
|
| ПРАЗДНИКИ |
|
|
| ГОРОСКОП |
| | Гороскоп | |
|
|
