Вторник, 26.09.2017, 06:39
Приветствую Вас Гость | RSS



Шаблоны для ucoz
Наш опрос
Как часто Вы посещаете наш сайт?
Всего ответов: 1118
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz


Главная » Файлы » красивые шаблоны [ Добавить материал ]

Кнопка Вверх и вниз для сайта

07.12.2013, 21:49


Как правильно установить кнопку "Вверх и вниз" на сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код
<div style="display:none;" class="nav_up" id="nav_up">
  <img alt="↑" width="32" height="32" src="http://pnghosts.ru/img/2_u.ico" > </div>
  <div style="display:none;" class="nav_down" id="nav_down">
  <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  <img alt="↓" width="32" height="32" src="http://pnghosts.ru/img/2_d.ico" > </div>
  <script>
  $(function() {
  var $elem = $('body');
   
  $('#nav_up').fadeIn('slow');
  $('#nav_down').fadeIn('slow');  
   
  $(window).bind('scrollstart', function(){
  $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
  });
  $(window).bind('scrollstop', function(){
  $('#nav_up,#nav_down').stop().animate({'opacity':'1'});
  });
   
  $('#nav_down').click(
  function (e) {
  $('html, body').animate({scrollTop: $elem.height()}, 800);
  }
  );
  $('#nav_up').click(
  function (e) {
  $('html, body').animate({scrollTop: '0px'}, 800);
  }
  );
  });
  </script>


Это вставляем в "Таблица стилей (CSS)" в самый низ

Код
.nav_up{
  padding:2px;
  position:fixed;
  width:32px;
  height:32px;
  bottom:20px;
  opacity:0.7;
  right:30px;
  cursor: pointer;
  }
.nav_down{
  padding:2px;
  position:fixed;
  width:32px;
  height:32px;
  bottom:20px;
  opacity:0.7;
  right:66px;
  cursor: pointer;
  }


Готово.

Скачать новый Кнопка Вверх и вниз для сайта бесплатно.
Категория: Программы | Добавил: Bitfood
Просмотров: 75 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz
Поиск
Статистика

Всего на сайте: 1
Гостей: 1
Юзеров: 0
Programpk - это ресурс, который предоставляет бесплатные шаблоны для сайта на Ucoz, также у нас есть светлые и темные шаблоны, шаблоны для cs и шаблоны для форума, и другие файлы для ваших сайтов.
Карта сайта (map1, map2, map3, map4.)
Хостинг от uCoz