Кнопка вверх и вниз
827материалов
228тем на форуме
3003комментария
6152пользователя

Кнопка вверх и вниз


Скрипт для быстрого и плавного поднятия страниц вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цвет
Установка не сложная и не требует дополнительных навыков 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>
      <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>

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 21.01.2014 в 03:34
Материал просмотрен: 649 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта