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

4360
8.4 из 10
Проголосовало: 5






Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт 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://webo4ka.ru/Ucoz7/up_knopka_vverx.png" onmouseover="this.src='http://webo4ka.ru/Ucoz7/up1_knopka_vverx.png'" onmouseout="this.src='http://webo4ka.ru/Ucoz7/up_knopka_vverx.png'"></a></center>  
  <center><font color="#000000" size="3">  
  <span id="pix"></span>%</font></center>  
  </div>  
  <!-- </Конец> -->


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 3

AndreyKlipikov
0
AndreyKlipikov написал: Написано 16 Марта 2013 в 15:00
Комментарий №1
Блин, Вов, ну хоть скрипты делай красиво оформленными... Всё желание посещать твой сайт отпадает после просмотра кода...

Вовчик
0
Вовчик написал: Написано 16 Марта 2013 в 15:04
Комментарий №2
постараюсь))

Black_Sun
0
Black_Sun написал: Написано 17 Марта 2013 в 10:05
Комментарий №3
Последняя }); лишняя tongue

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
    Последние темы
    Опрос
    249
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: