Название:
Кнопка Вверх и вниз для сайта
Категория:
Другие скрипты для uCoz
Раздел:
uCoz - Скрипты
Просмотров:
 2931
Автор:
Неизвестен
Добавил:
smasto
Комментов:
0
Добавленно:
  08.12.2013 в 13:39
Теги:
вниз, кнопка, Вверх, сайта, для
Рейтинг:
Игровая индустрия

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

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

Неплохие кнопочки для сайта в оранжевом стиле.

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

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

Копируем код ниже и вставляем в "Нижняя часть сайта" в самый низ.
Код
<div style="display:none;" class="nav_up" id="nav_up">  
  <img alt="↑" width="32" height="32" src="http://gigabytes.clan.su/load-ucoz/skripts/knopki/vverx/2_u.ico" > </div>  
  <div style="display:none;" class="nav_down" id="nav_down">  
  <script src="http://gigabytes.clan.su/load-ucoz/skripts/fynkciya.js" type="text/javascript"></script>  
  <img alt="↓" width="32" height="32" src="http://gigabytes.clan.su/load-ucoz/skripts/knopki/vverx/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;  
  }


Готово.

Подождите немного, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание.


Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев: Комментариев нет , Но вы можете написать первым
avatar