Поднятие страницы вверх сайта uCoz
Кнопка вверх, которая всегда будет на сайте с правой стороны. Ее место в низу и если страница пониматься будет то и она также с ней. Сам скрипт очень простой в этом большой плюс, также кнопка выполнена в сером виде, что на светлом сайте отлично видно и не исключаю, что на темном можно поставить. Установка: В нижнюю часть сайта вставляем: Код <a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 800);return false;"> <div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop"><img title="Вверх" src="http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/up-cvseormxsk.png" border="0"></div> </a> <script type="text/javascript"> jQuery(function() { var overelem = jQuery('body'); jQuery('#nav_up').fadeIn('slow'); jQuery('#nav_down').fadeIn('slow'); jQuery('#nav_down').click( function (e) { jQuery('html, body').animate({scrollTop: overelem.height()}, 800); } ); jQuery('#nav_up').click( function (e) { jQuery('html, body').animate({scrollTop: '0px'}, 800); } ); }); </script> PS - как можно заметить, что одна ссылка в коде и она на дизайн кнопки и ее можно поменять на свою. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 8 | |
| |