ロールオーバーするメニューの実装

あるサイトのグローバルメニューの実装をお願いされました。
といってもCSSを使ったやり方は少々面倒なので、jQueryで何とかできないかと思い、
googleで調べたところ、解決方法がこちらのブログに紹介されていました。
作者様に感謝。

さっそく説明どおり実装し、問題なく動作することを確認しました。爽快爽快・・・。
というわけで、自分用の備忘録。

下記のコードを任意の名前で保存する(拡張子.js) 例:groll.js



上記ソースの「_o.」の部分を用意した画像に合わせる



上記ソースの「_o.」の部分を用意した画像に合わせる

ページの</head>より前に下記のような外部読み込みを設定



ロールオーバーする画像を指定。例:glovalmenu01.gif glovalmenu01_o.gif
投稿日
カテゴリ