これを行う最善の方法は何ですか。
setTimeout() and css({left: '+=1'});また
animation({left:+=30}, '300', 'linear');setTimeout と css() が正しい方法だと思う限り、メモリを大量に消費しているように見えることは言うまでもなく、それで適切な滑らかさを達成できないようです..
クリックであるポイントから別のポイントへのアニメーションではなく、マウスダウンでアニメーション化してマウスアップで停止しようとしているわけではないことに注意してください。
私の推測では、jQuery animate が最善の方法です。
非常に滑らかなアニメーションを作成するために、jQuery ライブラリには多くの作業が行われています。私は両方で作業しようとしましたが、jQuery ライブラリを使用したアニメーションは、アニメーション用の独自のコードを記述するよりも優れているという結論に常に達しています。
私の意見では、このようなアニメーションを実装する最も簡単な方法でもあります。
編集: 最新のブラウザーだけで作業する必要がある場合は、CSS3 もアニメーション化に適しています: http://css3.bradshawenterprises.com/animations/ .
animate() は値を 10 分の 1 ずつ増やします。そのため、よりスムーズになります。
css() でも同じことができると思いますが、なぜ車輪を再発明するのでしょうか。