Приветствую Вас Гость | RSS

Посоветовать фильм для каталога(всего 2 клика!)

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум » Dop.at.ua » Корзина » Произвольная прокрутка страницы на jQuery
Произвольная прокрутка страницы на jQuery
ForezДата: Вторник, 25.09.2012, 18:59 | Сообщение # 1
2 уровень
Группа: Пользователи
Сообщений: 24
Награды: 0
Репутация: 0
Статус: отсутствует

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

Работоспособность скрипта была проверена в следующих браузерах: 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.

После подгонки настроек скрипт произвольной прокрутки страницы должен заработать сразу.


Начало
UA
Форум » Dop.at.ua » Корзина » Произвольная прокрутка страницы на jQuery
  • Страница 1 из 1
  • 1
Поиск: