jQuery の .animate() で普通のオブジェクトをアニメーションさせる - ダーシマ・ヱンヂニヤリング

説明するより見たほうが早かったりして。 $({ x:0, y:100 }) .animate({ x:100, y:50 }, { duration:5000, progress:function (anim, progress, fx) { console.log('x:' + anim.elem.x, 'y:' + anim.elem.y)); } }) このように、プリミティブなオブジェクトでも animate メソッドでグリグリと値を変化させられる。通常の animate と同じように、 duration や easing といったオプションも指定できる。 案外知られていないのではなかろうか。スムーススクロールなどに使えそうですね。 jQuery 1.7.x 以前の場合 jQuery 1.7.x 以前は、 animate メソッドのオプションとして progress を指定できない

[piayo]

$({x:0,y:100 }).animate()な書き方