About-Graphics
Четверг, 23.03.2017, 22:04 Приветствую Вас Гость





Главная | Регистрация | Вход | RSS
Меню сайта
Категории раздела
Software for Windows/internet [62]
Программы для Windows и Интернета
Графические редакторы [37]
Каталог бесплатных графических редакторов
Плагины Adobe Photoshop [8]
Плагины для популярнейшего графического редактора - Adobe Photoshop
WEB DESIGNER [80]
В помощь WEB-Мастеру. Бесплатные программы по управлению и созданию сайта
SEO оптимизация [5]
Описание ресурсов Рунета предлагающих раскрутку сайта
Форма входа
Позвонить Админу
Поиск
Translator
Alexa Traffic Rank
Регистрации
Друзья сайта
Дизайн, проектирование в программах CorelDRAW, PhotoShop, ArchiCAD. Картины на заказ.



Пасквили и насмешки в линте новостей
Главная » 2013 » Март » 3 » Кнопка "Вверх" для сайта, блога или форума


12:08
Кнопка "Вверх" для сайта, блога или форума
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт 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>
<!-- </Конец> -->
Просмотров: 105 | Добавил: budyvmaster | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Время жизни сайта
Социальные сети
Каталог статей
Девушка в огне


Работа с PSD исходником.


„Крутится, вертится шар голубой..” - 2-D графика.


Cоздание образцов (узоров) и нестандартных кистей


РИСУЕМ ВОЛОСЫ


Капли дождя


СТЕКЛЯННЫЕ БУКВЫ


СЕРЕБРЯНАЯ СТАТУЭТКА


Рисуем кистями


ВСТАВЛЯЕМ КИСТИ, ФИЛЬТРЫ, СТИЛИ, МАКРО В ФОТОШОП.


Каменная стена


Создать „блестящую” Землю средствами „Photoshop” - 3D


Свастика


Каталог файлов
Векторный Клипарт – Хохлома


Новогодняя открытка


Богини Карла Банга


Архитектура - растровые фоны


Открытка ко дню Св. Валентина


Harry's Photoshop Actions


С Новым годом!


Золотая рамка


Blue-frame


Elegant Letters Brush


Мистические фоны-1


Мистические фоны-2


Мистические фоны-3


Самые красивые женщины планеты-1


Самые красивые женщины планеты-2


Счетчики
 
Рейтинг@Mail.ru

Яндекс.Метрика
Баглер - рейтинг русскоязычных сайтов

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Календарь
«  Март 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Protected by Copyscape Plagiarism Detection Copyright MyCorp © 2017 Конструктор сайтов - uCoz