Сайт ищет нового владельца по разумной цене :) По всем вопросам: promonik1@ya.ru, skype: nik-luck007, https://vk.com/promonik
2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии
Фиксированная панель 1.0 by Apocalypse

Фиксированная панель 1.0 by Apocalypse

Скрипты для uCoz 2014-Фев-24 4revar 926 0
Панель очень легко настраивается и вы сможете без особого труда адаптировать её под свои нужды
В любой глобальный блок или на тех страницах, где должна быть панель, вставляйте

Код
<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);  
  });  
  </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);
Источник: не указан
0 комментариев
avatar