[Table] Что в этом скрипте особенного: [/Table]
[Table] 1) Появляестя скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы [/Table]
[Table] 2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности) [/Table]
[adminred]Установка: [/adminred]
[Table]Далее -
Управление дизайном сайта -- Нижняя часть сайта
В самый верх вставляем:[/Table]
Code
<a href="#" id="toTop"><img src="http://pro-gamer.net.ru/img/verx.png" border="0" align="absmiddle" /></a>
<script src="http://pro-gamer.net.ru/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
<script src="http://pro-gamer.net.ru/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
[Table]Теперь бежим в Управление дизайном сайта -- Таблица стилей (CSS) [/Table]
[Table]В самый верх вставляем:[/Table]
Code
/* === PrO-GaMeR.nEt.Ru === */
#toTop {
width: 100px;
background:url('http://pro-gamer.net.ru/img/8.png');
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */
#toTop {
width: 100px;
background:url('http://pro-gamer.net.ru/img/8.png');
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */