Суббота, 18.05.2024, 22:10
Приветствую Вас Гость | RSS
Мой сайт
Главная
Регистрация
Вход
Меню сайта

Категории раздела
Мои файлы [11]

Мини-чат

Наш опрос
Оцените мой сайт
Всего ответов: 0

Статистика

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

Главная » Файлы » Мои файлы

Скрипт кнопка вверх как кот
17.05.2014, 09:47
Скрипт кнопка вверх как кот


В этом готовом решении для системы uCoz и для любых сайтов вообще, я предлагаю вам новый скрипт кнопка вверх как кот для сайта. Главной особенностью данного скрипта кнопки вверх, является то, что она выглядит как кот, который толкает стрелку (страницу) вверх сайта. Данная кнопка вверх с плавным скроллингом (смотрите также такой скрипт кнопка вверх для сайта), что очень приятно пользователю. Установка, как всегда, очень проста . . .
Установка:
Идем в Панель Управления => Управление дизайном => Нижняя часть сайта и здесь в самый низ ставим такой код:
Код
<script language="JavaScript" type="text/javascript">
$(function() {
  $.fn.scrollToTop = function() {
  $(this).hide().removeAttr("href");
  if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
  var scrollDiv = $(this);
  $(window).scroll(function() {
  if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
  else $(scrollDiv).fadeIn("slow")
  });
  $(this).click(function() {
  $("html, body").animate({scrollTop: 0}, "slow")
  })
  }
});

$(function() {
  $("#Go_Top").scrollToTop();
});
</script>

<a style='position: fixed; bottom: 25px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://webanfarwol.ru/IMG4/kotjara-vverkh.png" alt="Вверх" title="Вверх страницы сайта">
</a></div>
После этого сохраняем все сделанные изменения нажав на кнопку «сохранить». Готово! Вот такой скрипт кнопочки вверх в виде котика. На этом все, спасибо вам за внимание!

Категория: Мои файлы | Добавил: milena
Просмотров: 418 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Вход на сайт

Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • База знаний uCoz