- ベストアンサー
マウスアウトしてもレイヤーが表示されてしまう
- マウスオーバー時にメニューを表示する方法で問題が発生しています。
- DREAMWEAVERを使用して作成しているサイトで、マウスアウト後もレイヤーが表示されてしまいます。
- 解決策をご存知の方、教えていただけないでしょうか。
- nyui
- お礼率50% (1/2)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは。 それでしたら、是非、といいますか、同社のFireWorks（以後FW）で作成してみてください。 (1) メニュー部分の画像をHTMLと同じレイアウトに配置します。 (2) マウスオーバーさせるために、フレームを複製し、 （フレームウィンドウで複製）マウスオーバー時の画像を、 フレーム１と同じ場所に作成（配置します）。 (3) フレーム１に戻り、マウスオーバーさせたい画像エリアを選択し、 ［挿入］メニューの［スライス］を選択しスライスします。 (4) ビヘイビアウィンドウで、［シンプルロールオーバー］を選択します ※これで、マウスオーバした時にフレーム２の画像が現れるように設定。 (5) ビヘイビアウィンドウの［ポップアップメニューの設定］を選択 (6) 各メニューについてはウィンドウの指示に従って作ります。 (7) 「次へ」をクリックし、メニューの表現について設定します。 (8) 設定が終わったら「終了」を押します。 (9) そうすると、画面で現れる予定のメニュー位置（適当に出ます）が 見えるので、正確な位置に配置します。 (10) 必要があれば、他のメニューボタンにも同様の設定を行います。 (11) オブジェクトウィンドウで「スライス名の自動設定」のチェックをはずし、画像名を入力します。 (12) ［ファイル］メニューから［書き出し］を選択し、 HTMLファイルがあるディレクトリを書き出し先にして、 ファイルの種類：HTMLとイメージ HTML：HTMLファイルを書き出し スライス：スライスの書き出し ■選択スライスのみ（チェック） □スライスのない領域も含める （余計な余白を画像として書き出させないためにチェックをはずします） ■サブフォルダにイメージを置く（チェック） と設定し、 ［オプション］でHTMLの書き出しについての詳細を設定します。 ［参照］で画像のフォルダを選択します。 これで、必要なパーツ（外部JavaScriptファイル（fw_menu.js）と、HTMLと画像）が書き出されるので、次に (1) DremWeaver（以下、DW）でFWから書き出されたHTMLを開き、 ソースにある 『<SCRIPT language="JavaScript1.2" src="fw_menu.js"></SCRIPT>』を <HEAD></HEAD>内に、 『<SCRIPT language="JavaScript1.2">fwLoadMenus();</SCRIPT>』という記述を、 実際にメニューを表示されるHTMLの<BODY></BODY>の適当な場所にコピー＆ペーストします。 (2) 各メニューボタンをコピー＆ペーストしていきます。 これで、OKになります。 FWの『レッスン』にも、詳細が載っていますので、わからなくなったり、試す場合はそちらをご参考にしてみてください。 ではでは、頑張って下さい～～～～☆
その他の回答 (1)
こんにちは。 この場合、DreamWeaverだけで作業するとなると、難しいor面倒かも。 マウスオーバーしたら、何かしらのメニューが含まれたレイヤーがあらわれる、という事は、ボタンからマウスアウトした場合に一律消えれば良い、というわけじゃなくって、メニューが含まれるレイヤー内にマウスがある限りは、レイヤーは表示されていないとだめなのですよね？ お仕事で、という事なんで、ネットスケープ4.xを無視するわけにもいかないはずなので、単純にレイヤーに<DIV id="Layer1"... onMouseOut="MM_showHideLayers('Layer1','','hide')">とするワケにはいかないし・・・。 んで。 本題の補足要求なんですが、レイヤー内にあらわれるメニューというのはどういった類いのものでしょうか？ マイクロソフトなんかのページであるような、プルダウンなのか、自身でテーブルを作成して、その中で編集するタイプのレイヤーメニューなのか、教えて下さい。 マイクロソフトなんかのページであるようなタイプのプルダウンメニューなら、FireWorksで作成する事が簡単にできて（※）、マウスアウトにも対応したものを作れるので（多少ソース増えますが）、ソフトに合わせたJavaScriptで作成する場合は、そちらをオススメしたいところです。 ※画像を配置したメニューでも、テキストで構成したメニューでも、対応してくれます。 ではでは。
補足
ss_sionさん、回答を有難うございます。 また、説明不足ですみません。 今回、行おうとしているものは、マイクロソフトタイプの メニュー内容をオンマウス時にプルダウン表記するものです。 私の作ったものでは、ボタンにマウスを乗せると ボタンのロールオーバーとレイヤー内のメニューは表示できるのですが、 マウスをはずしてもメニューだけがそのまま消えずに残ってしまい カッコ悪いのです。 社内の者に聞いても分からないので、是非教えて下さい。 よろしくお願い致します。
お礼
ご連絡遅れてスミマセン。 早速試してみます！ 丁寧に教えて下さりアリガトウございました。 FWはスライスとGIFアニメ制作位しか使ったことがありませんが がんばりますっっっ！