Наш опрос
Нужно ли пополнять базу анекдотов в информере?
Всего ответов: 25
Случайный анекдот
71 Молодой человек приехал в Лондон и спросил, как бы ненароком, у одного здоровяка-таксиста, где можно было бы поразвлечься с девочками. - Сядь в метро и поезжай на Кингс-кросс, парень, - посоветовал таксист. - Там походи немного и подцепишь себе, кого захочешь. Плохо зная город, молодой человек запутался в метро и вместо Кингс-кросс попал в другое место. Однако минут через 5 он уже подхватил девицу, и она повела его к себе домой. Не успел он снять пиджак и галстук, как послышался шум шагов, и кто-то стал вставлять ключ в замок. - Давай быстро на кухню, - испуганно шепнула хозяйка, - и сделай вид, что ремонтируешь раковину. Я скажу мужу, что пришел водопроводчик по моему вызову. Парень шмыгнул на кухню, дверь открылась, и вошел муж. Через пару минут он заглянул на кухню и удивленно произнес: - Это ты? Но мне помнится, что я тебе порекомендовал поехать на Кингс-кросс...
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

   Кнопка Вверх / Вниз с плавным скролингом



В интернете полно кнопок вверх, но не много кнопок вверх и вниз с плавным скролингом. Заметьте, что кнопка вверх плавно появляется при прокрутке вниз, а кнопка вниз исчезает при прокрутке вниз и наоборот.

Установка:
В нижнюю часть сайта устанавливаем код.
Код
<script type="text/javascript">
jQuery(function(){
  $("#Go_Top").hide().removeAttr("href");
  if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
  $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
  });

  $("#Go_Bottom").hide().removeAttr("href");
  if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
  $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
  });

  $("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
  })
  $("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
  })
});
</script>

<a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://in.ucoz.org/images/icon_up.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
  <img src="http://in.ucoz.org/images/icon-down.png" title="Вниз">
</a>


Html редактор
Автор: Prosvetekvator
Просмотров: 17204
07.04.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Кнопка Вверх / Вниз с плавным скролингом След. »


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

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022