Мой сайт

Главная » 2012 » Январь » 20 » Скрипт Кнопка вверх для сайта для uCoz
20:56
Скрипт Кнопка вверх для сайта для uCoz


Что в этом скрипте особенного:

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

Установка:

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

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

<a href="#" id="toTop">Вверх
</a>
<script src="http://pro-cs-source.at.ua/dopolnenia/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>

Теперь бежим в Управление дизайном сайта -- Таблица стилей (CSS)

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

/* === 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;
}
/* =============== */
Категория: Скрипты для uCoz | Просмотров: 384 | Добавил: Admin_4e | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: