Главная » 2014 » Апрель » 13 » кнопка вверх и вниз в укозе
13:10
кнопка вверх и вниз в укозе

кнопка вверх и кнопка вниз


на сайте, когда длинная лента сайта, хорошо подойдут кнопки вверх, и кнопки вниз
делать их просто
зайти в панель управления - > дизайн -> управление дизайном(шаблоны) - > нижняя часть сайта
вставить в блок нижней части код, механизм кнопок вверх вниз
Код
<script type="text/javascript">  
jQuery(function(){  
  $("#Go_Top").hide().removeAttr("href");  
  if ($(window).scrollTop()>="200") $("#Go_Top").fadeIn("slow")  
  $(window).scroll(function(){  
  if ($(window).scrollTop()<="200") $("#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: 80px; right: 1px; cursor:pointer; display:none;'  
href='#' id='Go_Top'>  
  <img src="http://antina.3dn.ru/images/up_vverkh.png" alt="Вверх" title="Вверх">  
</a>  
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;'  
href='#' id='Go_Bottom'>  
  <img src="http://antina.3dn.ru/images/down_vniz.png" alt="Вниз" title="Вниз">  
</a>

еще фишки по укоз
Категория: фишки для ucoz | Просмотров: 1104 | Добавил: antina | Теги: кнопка вверх и вниз в укозе, фишка укоза | Рейтинг: 0.0/0
Всего комментариев: 0
avatar