Четверг
16.05.2024, 18:33
Сайт для друзей
Приветствую Вас Гость | RSS
Главная Регистрация Вход

Яндекс


Поиск по сайту
Не забудьте зайти в раздел"Регистрации".
Вам не трудно,а нам полезно.
С уважением администрация сайта.
Форма входа

Архив записей

Меню сайта


Праздники сегодняшнего дня

Памятные и праздничные даты в календаре России
 


 



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

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

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

Кто на сайте


Сверим время
Перевальск

Друзья сайта
  • Создать сайт
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Лучшие сайты Рунета
  • Кулинарные рецепты
  • Песочная анимация
  • Песочная анимация2

  • Развлечения на uCoz





    анимационные картинки



    Игры, Фильмы, Сериалы, Музыка, Софт, Форум, Чат, Скрипты для ucoz, Программы, Статьи, Каталог сайтов, Баннеробмен, Помощь новичкам по созданию сайтов в системе ucoz, Статьи о заработке в интернете с сайтом и без сайтов, Сайты для заработка и многое другое...

    Allfilmonline.ru - Смотреть фильмы онлайн бесплатно


    Для владельцев Web-сайтов
    Поддержите сайт
    Разместите наш баннер

    у себя на сайте
    Копируй и вставляй

    Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    Яндекс.Погода
    ВСЕ МАТЕРИАЛЫ НА САЙТЕ ПРЕДОСТАВЛЕНЫ ИСКЛЮЧИТЕЛЬНО ДЛЯ ОЗНАКОМЛЕНИЯ,ПОСЛЕ ЧЕГО НЕОБХОДИМО ПРИОБРЕСТИ ЛИЦЕНЗИОННЫЕ ВЕРСИИ.
    Copyright MyCorp © 2024
    Конструктор сайтов - uCoz
    Проверить тиц