Скриншот: http://s019.radikal.ru/i619/1209/d9/c6cbb15b291e.jpg
На больших страницах, которые уходят далеко за пределы окна браузера по высоте и ширине, будет удобен данный скрипт произвольной прокрутки страницы. При использовании скрипта на странице появляются четыре невидимые области сверху, справа, снизу и слева. При наведении курсора мыши на эти области страница начинает плавно прокручиваться в соответствующую сторону. При щелчке на области скорость прокрутки увеличивается. Если курсор мыши убрать с области, то прокрутка страницы останавливается.
Работоспособность скрипта была проверена в следующих браузерах: Opera 12, Firefox 3.6, GoogleChrome 14, Internet Explorer 6-8.
Установка:
Перед </BODY> поставьте данный код:
Код
<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.
После подгонки настроек скрипт произвольной прокрутки страницы должен заработать сразу.
