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

Главная » Статьи » Скрипты » Скрипты для uCoz

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

Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности)

Установка:

Для начала скачайте архив (ВНИЗУ) ,

Далее -

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

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

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;
}
/* =============== */

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

Скачать!!!!!!!!!!!!

Источник: http://3aka4ka.net.ru/

Категория: Скрипты для uCoz | Добавил: dEnny (21.03.2010)

Просмотров: 484 | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Уроки Photoshop

Витрина ссылок

Реклама

Наш опрос

Статистика

Форма входа

Мини-чат


Логин:
Пароль:

	200