Автор Тема: Простой parallax эффект для промо-сайта  (Прочитано 3901 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн qwertyuser

  • самый главный админ
  • Administrator
  • Hero Member
  • *****
  • Сообщений: 563
  • Karma: +65535/-0
  • кармадрочер
    • Просмотр профиля
    • ufoserver.org
Простой parallax эффект для промо-сайта
« : Апрель 11, 2012, 05:52:28 pm »
Простой parallax эффект для промо-сайта
движение обьектов в зависимости от позиции курсора мышки
1 2

Настройки


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

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

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

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

Скачать можно тут
Критика широко приветствуется, рекомендации принимаются и учитываются, спасибо за внимание.


http://habrahabr.ru/post/141817/
по вопросам размещения Ваших сайтов на этом сервере пишите info@qwertyuser.ru