Nice “Flashy” menu with Jquery.

jQueryでまるでFlash(フラッシュ)で作ったかのようにアニメーションする動きのあるメニューを導入できる「Nice “Flashy” menu with Jquery」を紹介します。

メニューにマウスオーバーしたときにカッコ良くアニメーションします。

まずはサンプルをご覧下さい。

→ Flashのようなクールなメニューナビゲーションを実現「Nice “Flashy” menu with Jquery」サンプル

背景画像をウィンドウズサイズの大きさにあわせて表示する機能も付いていますので、これを利用するだけで見栄えのするトップページが作れてしまいます。

美容やファッション、レストランなどお洒落なサイトに良さそうですね。

このFlash(フラッシュ)のようなjQueryメニューナビゲーションの設置方法は続きをどうぞ。


【設置方法】
まずは Nice “Flashy” menu with Jqueryからファイルを一式ダウンロードします。

ヘッダー部にCSSとJavascriptを設定します。

body部に以下のようにメニューを記述します。

背景画像を設定したい時は、

を追記して下さい。

最後にサンプルのソースを書いておきます。どうぞご参考まで。

この記事と関連してると思われる記事: