Четверг, 28.11.2024, 14:28


  • Страница 1 из 1
  • 1
Модератор форума: Chayka, Skyline  
Боковая панель "Вверх" как вконтакте для uCoz
40GloccДата: Пятница, 30.03.2012, 13:57 | Сообщение # 1

Рядовой


Сообщений: 5


[ ]

Замечания: 0%
Шыкарный скрипт! на темный дизайнах бомбезно смотрится

Так выглядит скрипт: 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
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Skyline Постов [ 17 ]
Naruto Постов [ 6 ]
Lookflaco Постов [ 6 ]
kragsburger Постов [ 5 ]
40Glocc Постов [ 5 ]
startsmart Постов [ 4 ]
Asissa Постов [ 4 ]
MyLife Постов [ 4 ]
jasminka Постов [ 4 ]
laym Постов [ 3 ]
skiper Репутация [ 19 ]
Naruto Репутация [ 2 ]
Skyline Репутация [ 2 ]
requuee Репутация [ 2 ]
relaxin Репутация [ 1 ]
DILER Репутация [ 0 ]
TaDJIK Репутация [ 0 ]
Demoxak Репутация [ 0 ]
danbdan Репутация [ 0 ]
kragsburger Репутация [ 0 ]
Вращающееся облако тегов... [ 2 ]
Профиль для ucoz в нижне... [ 0 ]
Уведомления о регистраци... [ 0 ]
Простой и красивый вид ф... [ 0 ]
Красивый информер "... [ 0 ]
Flash радио для сайта [ 0 ]
Новый информер комментар... [ 0 ]
Голубая кнопка вверх для... [ 0 ]
Статистика кто посетил в... [ 0 ]
статистика CW [ 0 ]
Профиль для ucoz в нижне... [ 0 ]
Уведомления о регистраци... [ 0 ]
Простой и красивый вид ф... [ 0 ]
Красивый информер "... [ 0 ]
Flash радио для сайта [ 0 ]
Новый информер комментар... [ 0 ]
Голубая кнопка вверх для... [ 0 ]
Статистика кто посетил в... [ 0 ]
статистика CW [ 0 ]
Скрипт Наши сервера в од... [ 0 ]

Cyber-Poltava.at.ua © Все права защищены     Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Дизайн данного сайта полностью принадлежит администратору сайта.