Кнопка Вверх (Плавный скроллинг) для uCoz

28.04.2011 Скрипты для uCoz 2067 Yerbol

Плавный скроллинг он же кнопка вверх. Ну вообщем скрипт который при клике поднимается на самый вверх вашей страницы. Появляется кнопка только при том случае, когда вы до конца отпуститесь, то есть в самый низ страницы.

Для начала скачайте архив. Далее идем в:

Управление дизайном сайта -- Нижняя часть сайта:

В самый верх вставляем:

Code

<a href="#" id="toTop">Вверх <img src="/to_top.gif" border="0" align="absmiddle" /></a>
<script src="/jquery.scroll.pack.js" type="text/javascript"></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;
}
/* =============== */

Теперь заливаем все файлы из архива в корень сайта (Через файловый менеджер).
Всё, наслаждаемся скриптом! smile

Скачать Кнопка Вверх (Плавный скроллинг) для uCoz бесплатно с нашего сервера: /_ld/5/526_493_517_190_scr.rar

Смотрите также:

Оставить комментарий