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

Нажмите на изображение для просмотра в полном размере

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

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

Установка:

Для начала скачайте архив ,

Далее -

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

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

Код:

<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)

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

Код:

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

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

Всё, наслаждаемся скриптом!

Скачать/Download Вес файла: 2.8 Kb Загрузок: 244

Понравилось:

Категория: Скрипты для ucoz сайтов

Комментариев: 4


Порядок вывода комментариев: [GM]ADMIN(PACT) 20.12.2012 в 19:59 ⁴ Спам Где Скачать? 3noOK 05.11.2012 в 20:53 ³ Спам PatrioT2475 31.12.2010 в 00:05 ¹ Спам Как поменять фон стрелочки с белого на чёрный???? by_artem 05.03.2011 в 13:25 ² Спам в CSS

Кибер школа #16 de_nuke

Кибер школа #15 de_nuke

Кибер школа #14 de_dust2

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