Вы здесь: Главная » Каталог файлов » Программы & Soft » Вебмастеру » Кнопка "Наверх" для uCoz как ВКонтакте
Каталог файлов
Главная » Файлы » Программы & Soft » Вебмастеру
Кнопка "Наверх" для uCoz как ВКонтакте
08.04.2013, 19:06


Достаточно простая кнопка НАВЕРХ, которая необходима на каждом сайте с большим количеством объемного контента. Кнопка является копией кнопки с сайта ВКонтакте, то есть она сделана по тому же принципу.

Установка: Ставим в верхнюю часть сайта...

Код
<a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toDown"> <b style="color:#888;padding-left:15px;">Вниз</b> </a>  
  <a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toTop"> <b style="color:#888;padding-left:15px;">Наверх</b> </a>  
  <script>  
  $(window).scroll(function(){  
  if($(window).scrollTop() > "300"){  
  $('#toTop').fadeIn();  
  $('#toDown').hide();  
  }else if($(window).scrollTop() == "0"){  
  $('#toTop').fadeOut();  
  $('#toDown').fadeIn();  
  }  
  });  
  $('#toTop').click(function(){  
  $('html, body').animate({scrollTop:0}, 350);  
  $('#toDown').fadeIn();  
  });  
  $('#toDown').click(function(){  
  $('html, body').animate({scrollTop:$('body').height()}, 350);  
  $('#toDown').fadeOut();  
  });  
  </script>



Admin сайта, прошу всех поддержите группу в вк "Видеоуроки и курсы рунета" присоединяйтесь...)


Категория: Вебмастеру | Добавил: alekseji21 | Теги: ucoz, кнопка, как, Наверх, вконтакте, вебмастеру, Для
Просмотров: 741 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0


Похожие новости:

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