【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集

初めて質問させていただきます。
現在仕事でサイトを作成しているのですが、
メニュー表示を
1.ロールオーバーを使ってボタン画像の差し替え
2.オンマウスしてレイヤーでメニュー表示
を行おうとして、下記のようなタグを使ったのですが、
マウスアウトした後にもレイヤーがそのまま表示されてしまうのですが…。

DREAMWEAVERを使用して作成しています。
今日の午後一杯この修正をしていたのですがよくわからなくて…。

ご存知の方、解決策を教えて下さい。
よろしくお願い致します。

<a href="new/new.html" onMouseOver="MM_swapImage('new','','image/index02/new_on.jpg',1);MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOut="MM_swapImgRestore()" ><img name="new" src="image/index02/new.jpg" width="145" height="24" border="0"></a>

A 回答 (2件)

こんにちは。


それでしたら、是非、といいますか、同社のFireWorks(以後FW)で作成してみてください。
(1) メニュー部分の画像をHTMLと同じレイアウトに配置します。
(2) マウスオーバーさせるために、フレームを複製し、
  (フレームウィンドウで複製)マウスオーバー時の画像を、
  フレーム1と同じ場所に作成(配置します)。
(3) フレーム1に戻り、マウスオーバーさせたい画像エリアを選択し、
  [挿入]メニューの[スライス]を選択しスライスします。
(4) ビヘイビアウィンドウで、[シンプルロールオーバー]を選択します
  ※これで、マウスオーバした時にフレーム2の画像が現れるように設定。
(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の『レッスン』にも、詳細が載っていますので、わからなくなったり、試す場合はそちらをご参考にしてみてください。

ではでは、頑張って下さい~~~~☆
    • good
    • 0
この回答へのお礼

ご連絡遅れてスミマセン。
早速試してみます!
丁寧に教えて下さりアリガトウございました。

FWはスライスとGIFアニメ制作位しか使ったことがありませんが
がんばりますっっっ!

お礼日時:2002/10/03 22:49

こんにちは。


この場合、DreamWeaverだけで作業するとなると、難しいor面倒かも。
マウスオーバーしたら、何かしらのメニューが含まれたレイヤーがあらわれる、という事は、ボタンからマウスアウトした場合に一律消えれば良い、というわけじゃなくって、メニューが含まれるレイヤー内にマウスがある限りは、レイヤーは表示されていないとだめなのですよね?

お仕事で、という事なんで、ネットスケープ4.xを無視するわけにもいかないはずなので、単純にレイヤーに<DIV id="Layer1"... onMouseOut="MM_showHideLayers('Layer1','','hide')">とするワケにはいかないし・・・。

んで。
本題の補足要求なんですが、レイヤー内にあらわれるメニューというのはどういった類いのものでしょうか?
マイクロソフトなんかのページであるような、プルダウンなのか、自身でテーブルを作成して、その中で編集するタイプのレイヤーメニューなのか、教えて下さい。
マイクロソフトなんかのページであるようなタイプのプルダウンメニューなら、FireWorksで作成する事が簡単にできて(※)、マウスアウトにも対応したものを作れるので(多少ソース増えますが)、ソフトに合わせたJavaScriptで作成する場合は、そちらをオススメしたいところです。
※画像を配置したメニューでも、テキストで構成したメニューでも、対応してくれます。

ではでは。

この回答への補足

ss_sionさん、回答を有難うございます。
また、説明不足ですみません。

今回、行おうとしているものは、マイクロソフトタイプの
メニュー内容をオンマウス時にプルダウン表記するものです。

私の作ったものでは、ボタンにマウスを乗せると
ボタンのロールオーバーとレイヤー内のメニューは表示できるのですが、
マウスをはずしてもメニューだけがそのまま消えずに残ってしまい
カッコ悪いのです。

社内の者に聞いても分からないので、是非教えて下さい。
よろしくお願い致します。

補足日時:2002/10/02 16:24
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報