uCoz Master

Текст внутри блока. Текст внутри блока. Текст внутри блока.
Главная » Файлы » Всё для uCoz » Скрипты uCoz

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

Установка:

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

<a href="#" id="toTop">Вверх <img src="umaster/to_top.gif" border="0" align="absmiddle" /></a>  
<script src="umaster/jquery.scroll.pack.js" type="text/javascript"></script>  
<script type="text/javascript">  
$(function() {  
$("#toTop").scrollToTop();  
});  
</script>


2) Идём в Таблица стилей (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;  
}  
/* =============== */


3) Заливаем папку umaster в корень сайта

Вот и всё!
Категория: Скрипты uCoz | Добавил: GlaZZZ | Теги: вверх, кнопка
Просмотров: 378 | Загрузок: 232 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Администратор GlaZZZ