Форма входа







Главная » Скрипты для uCoz » Украшения сайта



Боковая панель "Вверх" как вконтакте для uCoz

08.04.2012, 11:10
Боковая панель "Вверх" как вконтакте для uCoz Добавлено - 08.04.2012, 11:10

Добавил - U-cheniy

Категория - Украшения сайта

Просмотров: 4048

Комментариев - 0

Рейтинг: 4.4/7



Обсудить этот скрипт на форуме





Вашему вниманию предоставляется скрипт кнопки "Подняться вверх", такой как сейчас в вконтакте.
При присвистывании сайта вниз, кнопка будет плавно появляться в правом верху сайта.

Для установки такой кнопки на сайт, нужно скопировать скрипт ниже и поставить его к в нижнюю часть сайта в самый низ.

Code
<style>  
  #aposcroll a {  
  text-decoration:none;  
  color:gray;  
  }  

  #aposcroll:hover {  
  background-color:rgba(239,239, 239, 0.7);  
  box-shadow:0px -5px 10px #efefef;  
  }  
  </style>  
  <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;left:0px;z-index:999;width:70px;height:100%;opacity:0" id="aposcroll"><center><a href="javascript://">▲ Вверх</a></center></div>  

  <script>  
  // Кнопка подняться Вверх  
  var as = $('#aposcroll');  
  as.click(function() {  
  $(document).scrollTo(0, 500);  
  });  
  document.onscroll = function() {  
  var apolst = '0.'+$('body').scrollTop();  
  if(apolst.length == 5) {  
  as.stop().fadeTo(500, apolst);  
  } else if(apolst.length == 4 || apolst.length == 3) {  
  as.stop().fadeTo(500, 0);  
  };  
  };  
  //  
  </script>


При желании можно кнопку переместить в правую часть экрана, а так же изменить её цвет и цвет фона!

Положение - pоsition:fixеd;tоp:0px;left:0px;
Цвет кнопки - cоlоr:gray;
Цвет фона - bаckgrоund-color:rgba(239,239, 239, 0.7);

При копировании материала, прямая активная ссылка на сайт uvda.ucoz.ua обязательна!

Что-то похожее




Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
▲ Вверх