• Страница 1 из 1
  • 1
Форум » uCoz » Другие скрипты для uCoz » Простая выдвижная фиксированная панель 1.0 by Apocalypse (Скрипт для сайта ucoz)
Простая выдвижная фиксированная панель 1.0 by Apocalypse
Дмитрий Дата: Понедельник, 27.08.2012, 22:30 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий

Регистрация:03.12.2011
Страна: Российская Федерация
Репутация:  14
Сообщений: 1421
Награды: 4 +
Статус:


Небольшой 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>  
  


Изменить высоту можно тут

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);

Материал подготовлен Apocalypse
From Russia With Love!
Форум » uCoz » Другие скрипты для uCoz » Простая выдвижная фиксированная панель 1.0 by Apocalypse (Скрипт для сайта ucoz)
  • Страница 1 из 1
  • 1
Поиск: