Меню сайта
Главная страница Файлы Уроки Photoshop Статьи Скрипты для ucoz Форум Баннерообмен Друзья сайта
Скачать
HTML [49]
CSS [2]
Раскуртка сайта! [57]
Зароботок в интернете! [1]
Скрипты [89]
Другое [43]
Мини-чат
200
Наш опрос
Поставите ли вы нашу кнопку к себе на сайт ?
Всего ответов: 224
Реклама

Главная » Статьи » Скрипты

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

Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цет
Установка не сложная и не требует допполнителных навыков 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>
Категория: Скрипты | Добавил: Bitfood (20.01.2014)
Просмотров: 384 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Реклама

Профиль
Пожалуйста пройдите быструю регистрацию или войдите в свой аккаунт.
Поиск
Новое на форуме
Dj GSO – Titanium Remix 2012 (David Guetta Feat.Sia )Лучшее онлайн казино. Как обыграть казинолучший сайт по Minecraft http://old-minecraft.ru/Работа на дому. Проверенные способы заработкаБаннерообменФинансовая Взаимопомощь. Каждые 24ч получаете %Играть и зарабатывать онлайнИнвест-Проект. Прибыль каждые 5 мин.White Knight Affiliates - самая успешная новинка 2012 года!зарабатывать
Статистика
» Зарег. на сайте
Всего: 749
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 5
Гл.модераторов: 2
Модераторов: 0
Дизайнеров: 0
Файловиков: 6
Проверенных: 2
Обычных юзеров: 734
» Из них
Парней: 664
Девушек: 84