「株式会社モリヤマ」のWebサイトがjQueryでくるくるアニメーションしてて素敵

2012-06-20 07:49

ソースを見て、ポンと膝を打ったWebサイトをご紹介。

iPhone/iPadの普及でFlash不使用のサイトが増えております。このサイトも、FlashではなくjQueryを使ったアニメーションを用いたサイトです。

株式会社モリヤマ
株式会社モリヤマ

真ん中で歯車やネジがくるくる回っております。一見すると、FlashやアニメーションGIFを使用しているように見えますが、ソースを解析すると…。

株式会社モリヤマ

こんな背景画像を、jQueryを使ってひとコマずつ、パラパラ漫画のように表示させてるんですな。

これはなかなか面白い…。ちょっとしたアニメーションならこれで十分、非Flashで表現できそうです。

株式会社モリヤマ
http://www.ms-moriyama.co.jp/
Pocket