Flashが無くてもアニメーションしたい人のためのjQueryプラグイン「jQuery.spritely」

「jQuery.spritely」はHTMLとJavaScriptでアニメーションさせる事ができるプラグインです。CSSスプライトを使用して構築されており、Flashが使えないiPhoneやiPad向けのためにもチェックしておくべきかもしれません。

詳しくは以下

スクロールする背景画像

一枚の画像をスクロールさせる事でアニメーションを実現させているようですね。
公式サイトでは、以下の画像を使用していました。

コードもシンプルに１行で実装できるようです。

$('#bird').sprite({fps: 12, no_of_frames: 3});

以下のブラウザで動作するようです。

• Internet Explorer 6 +
• Firefox
• Safari
• Chrome
• Opera

アニメーションを入れる事でユーザビリティーが低下しないよう、利用場所には注意してください。