Головна » 2013 » Жовтень » 9 » Кнопка Вгору з відсотками
02:01
Кнопка Вгору з відсотками

Кнопка Вгору з плавним переходом та показником відсотків. Прекрасне доповнення для вашого сайту. Чудово дивиться і при цьому корисна річ, яка 100% сподобається вашим відвідувачам. Проста установка, хороша якість.

Установка:
Вставити код нижче перед тегом </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://dizcrypt.at.ua/script/butuppersents/up_knopka_vverx.png" onmouseover="this.src='http://dizcrypt.at.ua/script/butuppersents/up1_knopka_vverx.png'" onmouseout="this.src='http://dizcrypt.at.ua/script/butuppersents/up_knopka_vverx.png'"></a></center>  
  <center><font color="#000000" size="3">  
  <span id="pix"></span>%</font></center>  
  </div>  
  <!-- </Кінець> -->
Категорія: Інші скрипти | Переглядів: 210 | Додав: Feraligatr | Теги: КНОПКА | Рейтинг: 0.0/0
X
Посилання:
BB-код:
HTML-код:
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]