[jQuery]アニメーションの作成

//========スライド移動処理=====================
$("#slideItem").animate(
{
    marginLeft : -1000
},
{
    duration:2000,
    queue: false,
    complete: function() {
    [callback関数処理]
}
})

animateについて、

• 一つ目の引数でアニメーションの内容を指定
• 二つ目の引数でoptionsの指定

※現在のソースは左へ2秒かけて1000px移動する

これはリファレンスのanimate(params, options)によるアニメーション

別にanimate(params, [duration], [easing], [callback])による宣言も可能

※記述方法が若干違うので好みでお使いください。

今回は詳細に設定できる(であろう)方法を使用しました。

optionsの内容は以下

• duration
• easing
• complete
• step
• queue

詳細はここがわかりやすいです

http://stacktrace.jp/jquery/api/effects/animate(params,options).html

今回はこちらの方法だけを紹介します。

気が向けばもう一つの方法も。。。