Кнопка "Вверх" появляется после пролистывания страницы сайта вниз и пропадает, как только Вы снова окажетесь в самом верху страницы
При нажатии на кнопку происходит плавное прокручивание страницы вверх (в браузере Opera резкий переход вверх)
Установка:
Панель управления ---> Управление дизайном ---> Нижняя часть сайта,
В самый верх вставляем код:
Code
<a href="#" id="toTop"><img src="http://fotki.ucoz.ua/images/top.gif" border="0" align="absmiddle" /><b>Вверх</b> </a>
<script src="http://fotki.ucoz.ua/script/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
<script src="http://fotki.ucoz.ua/script/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
в этом коде задаётся:
- изображение кнопки; Вверх- надпись на кнопке;
Панель управления ---> Управление дизайном ---> Таблица стилей (CSS)
В самый верх вставляем код:
Code
/* === jQ TOP === */
#toTop {
width: 50px;
background: #66CCFF;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #000000;
text-decoration: none;
}
/* =============== */
#toTop {
width: 50px;
background: #66CCFF;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #000000;
text-decoration: none;
}
/* =============== */
