Кнопка Вверх будет полезна пользователям вашего сайта, так как просмотрев какую-либо страницу и прокрутив ее до конца, им не придется прокручивать ее обратно вверх.
Для этого им всего лишь нужно будет нажать данную кнопку
, которая будет находиться в нижнем правом углу экрана вашего сайта, после чего страница будет сама плавно прокручиваться вверх.
Установка очень простая: Заходите в Панель Управления вашего сайта - Дизайн - Управление дизайном (CSS) - Нижняя часть сайта.
И в самый низ вашего кода вставляете этот скрипт:
Код
<!--Кнопка вверх--><a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">
<div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop">
<img title="Вверх" src="http://www.wse-online.ru/knopka_vverkh-2.jpg" width="45" border="0"></div></a><!--/Конец Кнопка вверх-->
Для регулировки прозрачности кнопки (чтоб она лучше вписывалась в ваш дизайн),нужно изменить в скрипте эту часть
- opacity:
0.8 Регулировка от 0.1 (почти прозрачная) - до 0.9 (не прозрачная)
Если нужно немного увеличить или уменьшить кнопку - измените это значение в коде : width="
45"
Вот еще один скрипт кнопки вверх, его отличие от первого в том что кнопка будет появляться при прокручивании страницы вниз и исчезать после прокручивания страницы вверх.
Так же ставим скрипт в нижнюю часть сайта:
Код
<a style='position: fixed; bottom: 0px; right: 0px; cursor:pointer; display:none;' href='#' id='Go_Top'>
<img src="http://www.wse-online.ru/knopka_vverkh-2.jpg" width="45px" alt="Наверх" title="Наверх"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
};);
$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
};)
};);
</script>
Меню сайта
Меню сайта
