Меню сайта
Регистрация
Вход
Приветствую Вас Гость


Мини-чат
 
300
Добавить баннер
Скриншоты игр:

Альбом скринов 3D игр
Рекомендуемое:

Купить ссылку здесь за руб.
Поставить к себе на сайт
Добавить баннер
Баннер сайта
Игровой портал

Разместите нашу ссылку или баннер на своём сайте!


Другие баннеры
Форма входа

Обмен валют
Лучший
курс обмена
BestChange.ru – популярный сервис по подбору выгодных обменных пунктов электронных валют, который поможет вам производить свои обмены безопасно и с минимальными потерями на комиссиях.
Обменять
на
Друзья






Развлечения, онлайн фильмы, приколы и игры











Каталог сайтов кино, онлайн кинотеатр, фильмы и видео онлайн







15:37
Кнопка Вверх и вниз для сайта
[c][/c]Как правильно установить кнопку "Вверх и вниз" на сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

[code]<div style="display:none;" class="nav_up" id="nav_up">
<img alt="↑" width="32" height="32" src="http://pnghosts.ru/img/2_u.ico" > </div>
<div style="display:none;" class="nav_down" id="nav_down">
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<img alt="↓" width="32" height="32" src="http://pnghosts.ru/img/2_d.ico" > </div>
<script>
$(function() {
var $elem = $('body');

$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');

$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});

$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
}
);
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>[/code]

Это вставляем в "Таблица стилей (CSS)" в самый низ

[code].nav_up{
padding:2px;
position:fixed;
width:32px;
height:32px;
bottom:20px;
opacity:0.7;
right:30px;
cursor: pointer;
}
.nav_down{
padding:2px;
position:fixed;
width:32px;
height:32px;
bottom:20px;
opacity:0.7;
right:66px;
cursor: pointer;
}[/code]

Готово.
Категория: Скрипты для Ucoz | Просмотров: 466 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Copyright MyCorp © 2024