Главная » 2012 » Сентябрь » 11 » Произвольная прокрутка страницы на jQuery (Скрипты для ucoz)
11.09.2012, 20:07

Произвольная прокрутка страницы на jQuery




На больших страницах, которые уходят далеко за пределы окна браузера по высоте и ширине, будет удобен данный скрипт произвольной прокрутки страницы. При использовании скрипта на странице появляются четыре невидимые области сверху, справа, снизу и слева. При наведении курсора мыши на эти области страница начинает плавно прокручиваться в соответствующую сторону. При щелчке на области скорость прокрутки увеличивается. Если курсор мыши убрать с области, то прокрутка страницы останавливается.

Работоспособность скрипта была проверена в следующих браузерах: Opera 12, Firefox 3.6, GoogleChrome 14, Internet Explorer 6-8.
Установка:
Перед </BODY> поставьте данный код:

Code
<script type="text/javascript" src="http://szenprogs.ru/scripts/roller.js"></script>
<script type="text/javascript">
$(function(){
$roller.init({
maxSpeed: 400,
minSpeed: 4000,
boxColor: '#00ff00',
boxWidth: 100,
OpacityEnter: '0.6',
OpacityLeave: '0.3',
horizontal: true,
vertical: true
});
});
</script>


Подгонка скрипта "под себя" заключается в подборе оптимальных параметров вызова скрипта произвольной прокрутки страницы.

Описание параметров. Параметры можно пропускать:

maxSpeed - максимальная скорость прокрутки. Быстрая прокрутка активируется при щелчке мыши по области. Измеряется в миллисекундах.
minSpeed - минимальная скорость прокрутки. Медленная прокрутка активируется при наведении курсора мыши на область. Измеряется в миллисекундах.
boxColor - цвет области наведения.
boxWidth - размер области в пикселях.
OpacityEnter - прозрачность области при наведении на неё курсора. Может принимать значение от '0.0' - полная прозрачность, до '1.0' - полная непрозрачность.
OpacityLeave - прозрачность области при уходе с неё курсора. Может принимать значение от '0.0' - полная прозрачность, до '1.0' - полная непрозрачность.
horizontal - нужно ли прокручивать по горизонтали. Может принимать значение true или false.
vertical - нужно ли прокручивать по вертикали. Может принимать значение true или false.

После подгонки настроек скрипт произвольной прокрутки страницы должен заработать сразу.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://szenprogs.ru
Категория: Скрипты uCoz | Просмотров: 1047 | Добавил: sold93 | Рейтинг: 5.0/1 |
Теги: прокрутка, на, jquery, страницы, Произвольная
Всего комментариев: 1
1 -=WaMpIr=-   (12.09.2012 08:12)
Аватар пользователя
Без обид, но что за школяр писал текст материала? Или кто-то куда-то спешил во время его написания?! Просто куча пропущенных букаФ! dry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]