Пятница, 24.11.2017, 04:42
Приветствую Вас, Гость
Меню сайта

СЛУЧАЙНАЯ ИГРА

ТОП-10 ИГР
Рекламный блок


WMlink.ru - рекламный брокер
SEX-SHOP
Статистика



Внимание!
Cайт адаптирован под 
браузер Mozilla Firefox

Скачать/Download
В остальных браузерах 
наш сайт может 
отображаться некорректно! 
(IE,Opera,Google Chrome и т.д)

$$$Веб-мастерам$$$
Рекламный блок


-->
Распродажа!

Баннеры
Foto-masters

Omux.ru - платим по 10 WMR за реферала

ПИФ. Инвестиционный фонд MMCIS investments







поиск программ на Allsoft.ru
софт в Allsoft.ru


Украинский хостинг, сайт бесплатно, раскрутка сайта бесплатно.
Главная » 2013 » Июль » 24 »
20:34
Полезный совет:
Давно хотел поставить на свой сайт кнопки наверх и вниз, но всё, что то не нравилось в предлагаемых скриптах. И вот порывшись пару часов подряд в поисковиках - нашёл. Пример видите у меня на сайте с левой стороны страницы. Для тех кому нужен данный скрипт, выкладываю код:
<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; left: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://rabota-on-line.at.ua/61058142.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 250px; left: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
  <img src="http://rabota-on-line.at.ua/91749186.png" title="Вниз">
</a>

Вставить необходимо в нижнюю часть сайта в панели управления сайтом.
Спасибо за внимание. Пишите комментарии.
Просмотров: 154 | Добавил: jardnepr | Теги: вниз, наверх, для сайта, кнопки вверх, юкоз | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]