Меню сайта |
|
 |
Заказать |
|
 |
Система Ucoz |
|
 |
Все для cs 1.6 |
|
 |
Софт и программы |
|
 |
Реклама |
|
 |
Всё для ВКонтакте |
|
 |
ТОП файловиков |
| | Репутация: 0 Пол: Мужчина Файлов: 219 | |
| | Репутация: 2 Пол: Мужчина Файлов: 86 | |
| | Репутация: 0 Пол: Женщина Файлов: 34 | |
|
 |
PSD |
|
 |
Новые файлы |
|
 |
Реклама |
|
 |
|
Главная » 2014 » Январь » 20 » Кнопка вверх и вниз
22:15 Кнопка вверх и вниз |
 Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта. Выполнен в стиле пальца вверх и вниз, светло синий цет Установка не сложная и не требует допполнителных навыков html
Установка скрипта „Кнопка вверх и вниз“
Заходим в панель управления сайтом, далее "Главная » Управление дизайном » Редактирование шаблонов" Копируем код и вставляем в "Нижняя часть сайта" в самый низ.
Код <div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src="http://pnghosts.ru/img/point-up.png" alt="Наверх" title="Наверх"></a> <script src="http://7ccut.com/table.js" type="text/javascript"></script> <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <img src="http://pnghosts.ru/img/point-down.png" alt="Вниз" title="Вниз"> </a></div>
<script> var go_down = jQuery('body'); jQuery(function() { $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow") var scrollDiv = $("#Go_Top"); $(window).scroll(function() { if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow") else $(scrollDiv).fadeIn("slow") });
$("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow") var scrollDiv_2 = $("#Go_Bottom"); $(window).scroll(function() { if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow") else $(scrollDiv_2).fadeIn("slow") });
$("#Go_Top").click(function() { $("html, body").animate({scrollTop: 0}, "slow") }) $("#Go_Bottom").click(function() { $("html, body").animate({scrollTop: go_down.height()}, "slow") }) }); </script>
|
Просмотров: 354 |
Добавил: Bitfood
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
Реквизиты |
Уважаемый пользователь, Вы можете помочь сайту в дальнейшем развитии.
Реквизиты:
Webmoney
R424701917041
Будем очень блогодарными.
Но если у вас нету возможноти нам помочь деньгами, можете просто покликать по рекламе это нам тоже очень поможет. |
 |
Реклама |
|
 |
Игры для PC |
|
 |
Реклама |
|
 |
Все для PhotoShop |
|
 |
Реклама |
|
 |
Новое видео |
|
 |
Статистика |
Онлайн:
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
|
 |
|