JQuery / Javascript лучший способ для плавной анимации на Keydown / Mousedown

Question

Какой лучший способ сделать это,

• с setTimeout() and css({left: '+=1'});

или

• с использованием animation({left:+=30}, '300', 'linear');

Несмотря на то, что я считаю, что setTimeout и css () - правильный путь, я не могу добиться правильной плавности с ним, не говоря уже о том, что, похоже, он съедает много памяти ..

Обратите внимание, что я не пытаюсь выполнять анимацию при mousedown и останавливаться при наведении мыши, а не анимацию из одной точки в другую при нажатии.

Answer 1

animate () увеличивает значения на десятые доли, поэтому оно более плавное.

Думаю, вы можете сделать то же самое с помощью css (), но зачем изобретать велосипед.

Answer 2

Я предполагаю, что jQuery animate - лучший способ.

В библиотеку jQuery было вложено много работы для создания очень плавных анимаций. Я пытался работать с обоими, но всегда приходил к выводу, что анимация с библиотекой jQuery лучше, чем написание собственного кода для анимации.

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

РЕДАКТИРОВАТЬ: если вам нужно работать только с последними браузерами, CSS3 также является хорошим способом для анимации: http://css3.bradshawenterprises.com/animations/.