http://uploads.ru/i/6/J/Z/6JZIE.png

Описание:
Кнопка "Наверх" как в социальной Вконтакте для сайтов, созданных в системе uCoz.
Как видно на скрине, не надо нажимать именно на "Наверх", достаточно кликнуть в левую часть сайта, т.е как в вконтакте.
Добавлена кнопка "Вниз".
После клика на кнопку "Наверх", вы оказываетесь вверху страницы, затем появляется кнопка "Вниз"))

Автор и источник:
Источник: http://hi7emka.ru

Установка:
Перед </bоdу> ставим данный код:

Код:
<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>

Отредактировано papas_tm_serjik (07.01.2012 22:21)