画像によるポップアップメニューの作成法について

質問

FireworksMX及びDreamweaverMXを使用してホームページを作成しているのですが、下記サイトのように、マウスオーバーすると表れるサブメニューを作成したいと思っています。
http://www.moshimoshi.co.jp/index.html

Fireworks及びDreamweaverMXの標準機能のポップアップメニューでは、メニューがテキスト表示になってしまうため、上記サイトのように完全に画像のメニューを作成したいのです。

レイヤーの表示・非表示で作成してみたのですが、OSやブラウザによっては、サブメニューにカーソルを移動しようとするとサブメニューが消えてしまい、うまくできませんでした。

どなたか、画像によるポップアップメニューで、遅延時間も変更できる手法をご存じの方がいらっしゃったら教えて下さい。

回答No.1

fullow · ベストアンサー

こんにちわ。つまり画像をクリックすると
ポップアップメニューが出るようにしたいのですね？

http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
このサイトは英語なんですけど、このスクリプトを
使用すると、画像でもオッケイです！

文字の変わりに画像アドをスクリプトにいれるのです。

お礼

回答ありがとうございます。
上記サイトを見てみましたが、難しくてよくわかりませんでした…。
どこの部分にサブメニューの文字や画像アドを入れればよいのでしょう？
JavaScriptがよく分からないので、もう少し勉強してみます。