search :

archive :



« jQueryで作るスライドするラベル | トップ | クライアントへの納品時につけたいWordPressプラグイン9 »

HTML jQuery アニメーション キャラクター 背景

_jQuery | March 11, 2010, 9:08
はてなブックマーク

ピュアHTMLでキャラクターと背景がアニメーションするjQuery

Flash以外でサイトに動きをつけたい。

そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。

Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。

鳥の画像は以下のように、アニメGIFを一つの画像にしたようなものになっています。

IE6をサポートしているのと、iPhoneでも動くようですね。

一度見てみてはいかがでしょうか?

Spritely

Editor's Note

さて今日もいろいろ進めるぞ。

Trackback URL :

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :