[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト

Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。

デモのキャプチャ

Using jQuery for Background Image Animations
デモ

デモでは、上下のアニメーション、左右のアニメーション、フェードのアニメーションがあります。

スクリプトにはjQueryがメインに使用されており、それぞれのアニメーションは下記のように記述されています。

「#a」は上下、「#b」は左右、「#c, #d」はフェード。

画像は、下記のものが使用されています。

使用画像のキャプチャ

top of page

©2017 coliss