Суббота, 18.01.2025, 12:03       
ПлёнкаCut.moy.su
С Днём Победы 9 мая!

Категории раздела


Форма входа

Статистика сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Кто нас сегодня посетил
Сейчас Онлайн
Счетчики
измерьте скорость интернета Яндекс.Метрика
Яндекс цитирования
Главная » Файлы » Всё для Ucoz » Скрипты

Кнопка "вверх" для ucoz (плавный скроллинг!)
07.03.2012, 09:30
Что в этом скрипте особенного:
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;  
}  
/* =============== */

Все файлы из архива заливаем в корень сайта.

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

Вверх
Cut.moy.su © 2012-2025