Мини-чат
Мат и реклама в чате запрещены. карается баном
cs-alive
Наш сайт Cs-Alive.uCoz.cOm расположен в системе uCoz . Мы советуем систему uCoz всем нашим участникам, которые хотят создать стабильный, привлекательный и популярный сайт!
Создать свой сайт Бесплатно!
Главная » 2013 » Декабрь » 8 » Кнопка Вверх и вниз для сайта
12:30
Кнопка Вверх и вниз для сайта
Как правильно установить кнопку "Вверх и вниз" на сайт? Заходим в панель управления сайтом, далее "Главная » Управление дизайном » Редактирование шаблонов" Копируем код и вставляем в "Нижняя часть сайта" в самый низ. Код
<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; }
Готово.
Просмотров: 513 |
Добавил: Bitfood
| Рейтинг: 5.0 /1
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
ТОП Файловиков
hime Добавил файлов: 34 Количество постов: 1
D3ZISQUE Добавил файлов: 20 Количество постов: 0
Новые шаблоны
Шаблон для uCoz Counter-Strike
Игровой шаблон Dota для uCoz
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня были
Статистика
Материалы: Комментарии 9 Форум 53/64 Файлы 174 Музыки 2 Фильмов 0 Новости 33 Картинок ТОП сайтов 5
Зарегистрировано: Всего: 85 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0 По Полу: Парней: 82 Девушек: 2