Среда, 01.01.2025, 04:02
Приветствую Вас, Гость
Block title
Меню сайта
Категории раздела
Скрипты uCoz [300]
Шаблоны для Ucoz [66]
Статьи по Ucoz [14]
Разное [67]
Моё [10]
Мини-чат
Наш опрос
Оцените мой сайт
Результаты | Архив опросов
Всего ответов: 328
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Поиск
Главная » Файлы » Скрипты uCoz
Кнопка Вверх (Плавный поднятие вверх) для uCoz
10.12.2009, 22:36


Что в этом скрипте особенного:
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;  
}  
/* =============== */

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

Категория: Скрипты uCoz | Добавил: chebur
Просмотров: 1741 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]