Меню
Система Ucoz
Вконтакте
Онлайн Фильмы
Фотошоп
Counter-strike 1.6
Статистика
Мини чат
календарь
новые файлы
|
Случайные файлы
|
|
| Главная » Файлы » Web-мастеру » Скрипты для 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>
<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;
}
/* =============== */
#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;
}
/* =============== */
Теперь заливаем все файлы из архива в корень сайта (Через файловый менеджер)
Всё, наслаждаемся скриптом!
| Всего комментариев: 0 | |