カーソルを合わせるとメニューが表示される

質問

よくショッピングサイトなどで見かけるのですが、メニューの上にカーソルを
あわせると、カテゴリーの詳細が表示され、任意のページにアクセスできる
ようになっているページを見かけます。
これはどのようにすれば自分のホームページにも作成できますか？
JavaScriptを使用してできるのかどうかも不明なのですが、ご回答
いただければ、幸いです。

どうぞよろしくお願いします。

回答No.1

koutarou504 · ベストアンサー

ご希望の機能は、主にフラッシュで作成されていると思います。
フラッシュならば、それが動く環境ならばそれ以上の環境の違いを配慮する必要がないからです。

で、JavaScriptでですが、CSS(スタイルシート)を用いて
実現は可能です。
しかし、利用者の環境に多分に左右される為、
その配慮を考えると作成は面倒です・・・。

考え方は、詳細などの記述は事前にＨＴＭＬで記述しておき、
それぞれの表示位置もＣＳＳで指定します。
そして、初期設定を非表示としておき、
当該箇所にカーソルがいったりすると
イベント処理でJavaScriptにより
ＣＳＳでの非表示指定を表示指定に変える
という方法です。

一応、当方のサイトにて実装済みですが、
この方法だと、ＣＳＳを無効にされたりすると
用意している詳細の部分が予想外の処に
丸見えになりますので、
ご注意下さい。

よって、やはり出来るならフラッシュでの作成をお勧めします。