ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Скрипт кнопка вверх с процентами для сайта

Скрипт кнопка вверх с процентами для сайта

Кнопка больше подойдет для блоков или сайтов в формате по дизайну как сайт zornet.ru. Я эту кнопку устанавливал, у нее плавное скольжение. И как подымается вверх она и набегают проценты, где то до середины сайта до 100% набегает и кнопка исчезает.
Установка не сложная:
Копируем код и прописываем в самый низ футера или скажем по другому в низ сайта перед : или вниз страницы.

Код

<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://zornet.ru/ZORNET-RU/up_knopka_vverx.png" onmouseover="this.src=''http://zornet.ru/ZORNET-RU/up1_knopka_vverx.png" onmouseout="this.src=''http://zornet.ru/ZORNET-RU/up_knopka_vverx.png"></a></center>
  <center><font color="#000000" size="3">
  <span id="pix"></span>%</font></center>
  </div>

17 Марта 2013 Просмотров: 3231 Комментариев: (10)

Поделиться в социальных сетях

Материал разместил

Kosten

Комментарии: 0