NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Кнопка "Вверх" для сайта, блога или форума

Кнопка "Вверх" для сайта, блога или форума

Кнопка "Вверх" для сайта, блога или форума
Скрипты для uCoz
Пазитивчик
04.03.13, 10:50
686
0
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт ucoz или блок. Эта кнопка будет очень полезна для Ваших сайтов, блогов или форумов с длинными страницами. Данный скрипт не нагружает сайт или блог и достаточно эффективен.
В самый низ страницы, перед /body :

Код
<!-- <Кнопка Вверх> -->  
  <script type="text/javascript">  
  $(document).ready(function(){  

$("#back-top").hide();  

$(function () {  
$(window).scroll(function () {  

if ($(this).scrollTop() > 125) {  
$('#back-top').fadeIn();  

} else {  
$('#back-top').fadeOut();  

}  

});  

$('#backop').click(function () {  
$('body,html').animate({  
scrollTop: 0  
}, 800);  
return false;  
});  
});  

  });  
  </script>  

  <script type="text/javascript">  
  $(window).scroll(function(){  
  var s = $(window).scrollTop();  
  var f = $(document).height()-$(window).height();  

  var d=s/f*100;  
  var p=Math.round(d);  

  $("#pix").text(p);  

  });  
  </script>  

  <div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; right: 10px; top: 90%; background: transparent; " id="layer2">  
  <center><a title="Вверх" id="backop" href="#top"><img src="http://bambun.ru/images/ups.png" onmouseover="this.src='http://bambun.ru/images/up1.png'" onmouseout="this.src='http://bambun.ru/images/ups.png'"></a></center>  
  <center><font color="#000000" size="3">  
  <span id="pix"></span>%</font></center>  
  </div>  
  <!-- </Конец> -->
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)