jQueryと中心点のアニメーション

中心点を中心とした円運動で要素をアニメーション化する最も良い方法を知りたいですか？jQueryと中心点のアニメーション

私はかなりそれを把握することができませんでした...事前に:(

感謝を。

Neuroflux。

出典

2011-01-24 Barrie Reader

私は考えることができる：

相対中心点の位置は、アニメーション要素は

簡単なデモ：

var elem = $('h1:eq(0)') 
    .append('<span id="round" style="position:absolute;background-color:red;">&nbsp;</span>') 
    .css('position','relative') 
    .find('span#round'); 

var i = 0; 
setInterval(function(){  
    ++i; 
    elem.css({'left': Math.sin(i * 0.02) * 100, 'top': Math.cos(i * 0.02) * 100});}, 100);

jsfiddleでの動作を参照してください。

出典

2011-01-24 11:52:27 ccppjava

これは完全なプラグインライブラリなしでアニメーションを持つのもいいですね。 +1 –

Brock、jsfiddleリンクとコンテンツを追加していただきありがとうございます。 Neurofluxation、それはあなたに有用でうれしいです。 – ccppjava

jquery.pathプラグインを使用し、ここではdemoです。

（別の質問から見つけた：How would you animate something so that it follows a curve?）

出典

2011-01-24 11:43:53 Thai

ラブリー、ありがとう。 –

ええ、デモはFFで動作しませんでした。 '$ .path is undefined'を取得します。これはNoScriptのnosniffブロッキングによって引き起こされるように見えます。 –

私はこれを受け入れるだろうが、非ライブラリ/プラグインのバージョンは私のコードの方がより便利だった。あなたはまだいくつかの投票を持っている！（私からのものを含む）。 –

jQueryと中心点のアニメーション

答えて

関連する問題