Пятница, 29.03.2024, 10:35
Приветствую Вас Гость

РЕКЛАМНЫЙ БЛОК
Меню сайта
VKONTAKTE
FRIENDS SERVER
PUB
Новый объявлений
Наш опрос
Оцените мой сайт
Статистика
Зарегистрировано 175 (сегодня + 0 новых)
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетиле :
Главная » Каталог материал » Скрипты ucoz » Скрипты Разное

КНОПКА ВВЕРХ ДЛЯ САЙТА UCOZ

Просмотров: 2941 | Добавил: Bel | Рейтинг: 4.2/5 | Теги: КНОПКА ВВЕРХ ДЛЯ САЙТА UCOZ
01.07.2013, 14:41
Эта кнопка будет полезна на всех сайтах, с очень длинными текстами или записями.Изящный синий цвет предает сайту разнообразие и изящность. Так же кнопка проста в установке и не займет много места на сайте. Кнопку вверх можно увидеть почти на всех сайтах. Кнопка не нагрузит сайт.

Установка проста:

Заходим в админ-панель.
Управление дизайном.
Нижняя часть сайта.и в самый низ перед /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"><img src="http://megascripts.ru/demo/knopka_vverh_2/up.png" onmouseover="this.src='http://megascripts.ru/demo/knopka_vverh_2/up1.png'" onmouseout="this.src='http://megascripts.ru/demo/knopka_vverh_2/up.png'"></a></center>  
<center><font color="#000000" size="3">  
<span id="pix"></span>%</font></center>  
</div>  
<!-- </Конец> -->

Материал, который Вы сейчас просматриваете, предоставлен, прежде всего, и только для ознакомления. Администрация сайта за содержание предоставленного материала ответственности не несет.
Всего комментариев: 1
1 jardnepr  
Спасибо!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Ваш профиль
Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Реклама
Block title
Наша Кнопка


Код банера 88x31

Всё для сайтов системы uCoz


Каталог статей
Лента серверов







Поиск
Разные фото
Друзья сайта
TOP=PARTYDIP-ТОП 50 раскрутка раскрутка сайтов. PartyDiP.ucoz.Lv
OSUMANIA.RU - Карты, советы, общение, гайды и многое другое для игры OSU! 88x31
KILL Stebani.Ru - Сижу и Ржу
Топ сайтов и скрипты для uCoz



%
Мини-чат
Для добавления необходима авторизация