для местного применения

компьютерные и околокомпьютерные темы => HTML CSS => Тема начата: qwertyuser от Апрель 11, 2012, 05:52:28 pm

Название: Простой parallax эффект для промо-сайта
Отправлено: qwertyuser от Апрель 11, 2012, 05:52:28 pm
Простой parallax эффект для промо-сайта
движение обьектов в зависимости от позиции курсора мышки
1 (http://plaxmove.staticloud.com/) 2 (http://plaxmove2.staticloud.com/)

Настройки


ratioH — модификатор движения мыши по горизонтали
ratioV — модификатор движения мыши по вертикали
reversed — меняет местами X и Y (движение мыши по горизонтали меняют позицию объекта по вертикали и наоборот )
invertH — инвертирование движения мыши по горизонтали
invertV — инвертирование движения мыши по вертикали

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

При желании ко всему этому можно прицепить .animate() вместо .css() или даже добавить transition для нормальных браузеров, но для поставленной задачи такой реализации было достаточно. В планах реализовать полноценный parallax с изменением размеров объектов и прочими вкусностями.

http://jsfiddle.net/dHTLt/34/

Скачать можно тут (https://github.com/ishaba/plaxmove)
Критика широко приветствуется, рекомендации принимаются и учитываются, спасибо за внимание.


http://habrahabr.ru/post/141817/