Время: 12:14
Понедельник 23.12.2024
[ Новые сообщения · Учасники · Правила форума · Быстрий Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: rysinyak  
Боковая панель "Вверх" как вконтакте для uCoz
Batareyka Дата: Пятница, 30.03.2012, 10:33 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 13
Награды: 0
Репутация: 0
:-(

Шыкарный скрипт! на темный дизайнах бомбезно смотрится

Так выглядит скрипт: 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></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>
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Лучшии пользователи Новые пользователи Самые популярны СОФТ
Зарабатывать в интернете деньги не только реально, но и удоб (1)
Заработай бесплатные биткоины (bitcoin) здесь! (0)
Легкий заработок без вложений для новичка. (0)
..№7..ЗАРАБОТОК НА ВЫПОЛНЕНИИ ЗАДАНИЙ.ЗАРАБОТОК В СОЦ СЕТЯХ. (0)
..№6.. ЕЩЁ ОДИН ПОПУЛЯРНЫЙ БУКС. ДОХОД ОТ 100 РУБЛЕЙ В ДЕНЬ. (0)
..№5.. ПРОВЕРЕННЫЙ СПОСОБ ЗАРАБОТКА ДЛЯ НОВИЧКОВ (0)
..№4.. ЗАРАБОТОК НА РАСШИРЕНИИ ДЛЯ БРАУЗЕРА (0)
..№3.. ЗАРАБОТОК В СОЦИАЛЬНЫХ СЕТЯХ (0)
..№2..ОТЛИЧНЫЙ САЙТ ДЛЯ ЗАРАБОТКА БЕЗ ВЛОЖЕНИЙ (0)
ЛУЧШИЙ ДОХОД БЕЗ ВЛОЖЕНИЙ 100-500 РУБЛЕЙ В ДЕНЬ (0)
Битая ссылка, Нерабочая ссылка (31)
Photoshop онлайн на своем сайте (4)
Скрипт "Распечатать страницу" (4)
Нужен скрипт (2)
Древовидное меню сайта (2)
Раскрутка сайтов (2)
Как попасть в бан Google - быстро и с гарантией! (2)
Нет аватара (2)
Бот на форум! (2)
Зарабатывать в интернете деньги не только реально, но и удоб (1)
rysinyak
jasminka
Batareyka
andryhha97
kragsburger
MyLife
mobile
sbvasyl
Lookflaco
Asissa
igor-98082217
street_punker
ifilkin02
oksigh787
loli5002
library759
Олегатор
rozanowalud
konst68
jarovskiy
DjVu Viewer v6.1.0.1492
1С Предприятие 8.2 Для України +конфиг
ProLing Office 5.0 SP2 Standard + crack скачать бесплатно
Windows Media Player 12 Rus Полная Руская версия!
ACDSee Pro 9.1
Активатор Windows 8.1
Network Assistant 4.5 Final (build 2668) + смайлики + keygen
Pragma 6.0.101.11 Business + Cловари 6.0.100.11 + crack скачать бесплатно
ChipTuningPRO 4.10 + crack, hvost
ВАСЯ диагност 1.1 на русском языке