# #
#
#
Загрузка... #
# #
# # # #
Пошук

Меню

Профіль

гость


Група: Гости

Час 15:03

Будь-ласка зареєструйтесь,або увійдіть під своїм логіном.


.
Логін:
Пароль:

Наш чат
500

Статистика
Rambler's Top100
Онлайн всього: 1
Гостей: 1
Користувачів: 0


Зареєстровано на сайті

Всього: 907
Нових за місяць: 1
Нових за неділю: 0
Нових вчора: 0
Нових сьогодні: 0

Із них

Адмінів: 2
Модератор форума: 9
Головний модератор: 0
Провірених: 0
Користувачів: 892

Із них

Хлопців: 706
Дівчат: 199


Головна » 2013 » Грудень » 7 » Кнопка Вверх и вниз для сайта
Якщо ви є правовласником цього матеріалу і не бажаєте щоб він знаходився на цьому сайті,то перейдіть сюди,там ви зможете написати скаргу і ми удалимо його з цього сайту не пізніше як за 12 годин.
11:45

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

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

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

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


Готово.
Категорія: Скачати програми безкоштовно/Скачать программы бесплатно |
Переглядів: 767 | Додав: Bitfood | Рейтинг: 0.0/0

Схоже:

    Всього коментарів: 0
    Додавати коментарі можуть лише зареєстровані користувачі.
    [ Реєстрація | Вхід ]
    Bagato.at.ua-фільми онлайн/скачати,відео приколи онлайн,аудіо приколи ,відео уроки танців онлайн,відео уроки photoshop(фотошоп) онлайн,торрент трекер,легально-безкоштовні програми,концерти,ТБ і радіо онлайн,музика,ігри для мобільного.
    Використовуються технології uCoz