вСкрипты для Юкоз

Скрипт подъем вверх и вниз страницу сайта

 
Уже много таких кодов можно найти в интернете. Я вот бы предпочел такие кнопки, так как они сами по себе простые и видер все как есть. И можно ставить на любой дизайн сайта, даже на темный и они все равно будут смотреться. Так же можно их перекрасить под свой сайт и поменять просто ссылки. Сами они будут отражаться с правой стороны, как стандартные, только вы можете поднимать как в низ так и вверх.
Установка:
В нижнюю часть сайта устанавливаем код.

Код
<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://zornet.ru/CSS-ZORNET/ZER/icon_up.png» title=»Вверх»>  
</a>  
<a style=’position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;’  
href=’#’ id=’Go_Bottom’>  
  <img src=»http://zornet.ru/CSS-ZORNET/ZER/icon-down.png» title=»Вниз»>  
</a>

источник: zornet.ru

Похожие посты