Меню сайта
Главная страница Файлы Уроки Photoshop Статьи Скрипты для ucoz Форум Баннерообмен Друзья сайта
Скачать
HTML [49]
CSS [2]
Раскуртка сайта! [57]
Зароботок в интернете! [1]
Скрипты [89]
Другое [43]
Мини-чат
200
Наш опрос
Поставите ли вы нашу кнопку к себе на сайт ?
Всего ответов: 224
Реклама

Главная » Статьи » Скрипты

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

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

Код
<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 (07.12.2013)
Просмотров: 355 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Реклама

Профиль
Пожалуйста пройдите быструю регистрацию или войдите в свой аккаунт.
Поиск
Новое на форуме
Dj GSO – Titanium Remix 2012 (David Guetta Feat.Sia )Лучшее онлайн казино. Как обыграть казинолучший сайт по Minecraft http://old-minecraft.ru/Работа на дому. Проверенные способы заработкаБаннерообменФинансовая Взаимопомощь. Каждые 24ч получаете %Играть и зарабатывать онлайнИнвест-Проект. Прибыль каждые 5 мин.White Knight Affiliates - самая успешная новинка 2012 года!зарабатывать
Статистика
» Зарег. на сайте
Всего: 749
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 5
Гл.модераторов: 2
Модераторов: 0
Дизайнеров: 0
Файловиков: 6
Проверенных: 2
Обычных юзеров: 734
» Из них
Парней: 664
Девушек: 84