ecto.ru

Детали

JS плавное движение

Наконец дошли руки до JS класса для плавного движения блоков на странице. Потестировать.

Реализованно в виде класса delay_move.
Конструктору передается id блока, который необходимо передвинуть — метод move(x,y).

Разгон торможение идет по гиперболической функции — коэффициенты легко поменять, это изменит скорость разгона торможения. Линейные разгон и торможение выглядят не так реалистично. Граффик скорости ограничен сверху максимальной скоростью движения блока — maxSpeed.

Пользуйтесь наздоровье :)

Разработанный алгоритм использовался на несколькоих наших сайтах: karaoke-esse.ru
parad-shoes.ru
всех не помню уже.

Comments:

c124578 31.10.2011
если стили для двигаемого элемента указываются
во внешнем style.css, то движение становится пре
рывистым, а если прямо в файле, как у Вас — все в
порядке. Прямо загадка какая-то. Как с этим
бороться?