初めて質問させていただきます。
現在仕事でサイトを作成しているのですが、
メニュー表示を
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>
No.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の『レッスン』にも、詳細が載っていますので、わからなくなったり、試す場合はそちらをご参考にしてみてください。
ではでは、頑張って下さい~~~~☆
ご連絡遅れてスミマセン。
早速試してみます!
丁寧に教えて下さりアリガトウございました。
FWはスライスとGIFアニメ制作位しか使ったことがありませんが
がんばりますっっっ!
No.1
- 回答日時:
こんにちは。
この場合、DreamWeaverだけで作業するとなると、難しいor面倒かも。
マウスオーバーしたら、何かしらのメニューが含まれたレイヤーがあらわれる、という事は、ボタンからマウスアウトした場合に一律消えれば良い、というわけじゃなくって、メニューが含まれるレイヤー内にマウスがある限りは、レイヤーは表示されていないとだめなのですよね?
お仕事で、という事なんで、ネットスケープ4.xを無視するわけにもいかないはずなので、単純にレイヤーに<DIV id="Layer1"... onMouseOut="MM_showHideLayers('Layer1','','hide')">とするワケにはいかないし・・・。
んで。
本題の補足要求なんですが、レイヤー内にあらわれるメニューというのはどういった類いのものでしょうか?
マイクロソフトなんかのページであるような、プルダウンなのか、自身でテーブルを作成して、その中で編集するタイプのレイヤーメニューなのか、教えて下さい。
マイクロソフトなんかのページであるようなタイプのプルダウンメニューなら、FireWorksで作成する事が簡単にできて(※)、マウスアウトにも対応したものを作れるので(多少ソース増えますが)、ソフトに合わせたJavaScriptで作成する場合は、そちらをオススメしたいところです。
※画像を配置したメニューでも、テキストで構成したメニューでも、対応してくれます。
ではでは。
この回答への補足
ss_sionさん、回答を有難うございます。
また、説明不足ですみません。
今回、行おうとしているものは、マイクロソフトタイプの
メニュー内容をオンマウス時にプルダウン表記するものです。
私の作ったものでは、ボタンにマウスを乗せると
ボタンのロールオーバーとレイヤー内のメニューは表示できるのですが、
マウスをはずしてもメニューだけがそのまま消えずに残ってしまい
カッコ悪いのです。
社内の者に聞いても分からないので、是非教えて下さい。
よろしくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PC内で速度を遅くした音源をCD...
-
e-taxで送信ファイルの拡張子が...
-
個別に違う添付ファイルを付け...
-
2枚、マイクロSDカードを入...
-
TextBoxにフォーカスを与えると...
-
USBメモリーで無線でPC転送でき...
-
ファイル数と合計サイズの取得方法
-
マックドローで書いた図はウイ...
-
microsdカード保存物をPCで見る...
-
A4の紙に印刷されている文字を...
-
AndroidスマホのマイクロSDをPC...
-
複数のブックを新しいブックのS...
-
RaspberryPi にUSBメモリを接続...
-
アラーム音の変え方
-
ガラケーからPCへの写真の取り込み
-
リストビューで選択行の背景を...
-
stdio.hの中身
-
ビデオファイルのプロパティの...
-
ExcelからCSVへウムラウトなど...
-
改行コードの入っていないテキ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PC内で速度を遅くした音源をCD...
-
個別に違う添付ファイルを付け...
-
A4の紙に印刷されている文字を...
-
e-taxで送信ファイルの拡張子が...
-
ガラケーからPCへの写真の取り込み
-
2枚、マイクロSDカードを入...
-
エクセルで「特定の文字を含む...
-
エアコンの冷媒 R410Aの重...
-
iPhoneの内蔵の記憶媒体は、HDD...
-
情けない話ですが成田エクスプ...
-
ビデオファイルのプロパティの...
-
Fortniteのクラッシュについて
-
VBS フォルダ内にあるすべての...
-
カメラのフラッシュは大丈夫?
-
拡張子「.IDJ」を、windo...
-
スマホでtxtファイルを編集する...
-
VBA:カウンターの i の値が開放...
-
TextBoxにフォーカスを与えると...
-
ファイル数と合計サイズの取得方法
-
GIMP separate+プラグイン クラ...
おすすめ情報