使うことで、要素を横に動かしたり縦に動かしたりとアニメーションさせることができます。併用することで、エフェクト付きの面白いアニメーションも実装することができますので、サイトの見せ方にひと工夫加えたい場合などには効果的だと思います。記述はこんな感じで用意します。利用してオブジェクト(#box)を右へ下へと動かしていこうと思います。動かしたい距離を指定します。動いた所」になります。速度を調整することも可能です。要素の四角形が右へ600px(の位置へ)移動します。動かしたい距離を指定します。動いた所」になります。オブジェクトを「下」方向に動かすデモオブジェクトを「右下」に動かすもちろん右下のような移動も可能で、その場合は以下のような設定なります。位置へと「斜め方向」に移動します。オブジェクトを「右下」に動かすデモボタンクリックによるアニメーション上記までの例は、デモページを開くとアニメ−ションが起こりますが、こちらは「ボタンをクリック」してアニメーションを起こすサンプルです。要素が右下の方向へと動きます。イベントで、要素を右方向に動かすサンプルです。ファイルをダウンロードします。