画像によるポップアップメニューの作成法
- FireworksMX及びDreamweaverMXを使用してホームページを作成している方におすすめの、画像によるポップアップメニューの作成法についてご紹介します。
- 通常のポップアップメニューではテキスト表示になってしまうため、画像だけでメニューを作成したい場合には、特別な手法が必要です。
- レイヤーの表示・非表示を用いる手法が一般的ですが、OSやブラウザによってはうまく動作しないことがあります。遅延時間を変更できる手法を使うことで、より使いやすいポップアップメニューを作成することができます。
- ベストアンサー
画像によるポップアップメニューの作成法について
FireworksMX及びDreamweaverMXを使用してホームページを作成しているのですが、下記サイトのように、マウスオーバーすると表れるサブメニューを作成したいと思っています。 http://www.moshimoshi.co.jp/index.html Fireworks及びDreamweaverMXの標準機能のポップアップメニューでは、メニューがテキスト表示になってしまうため、上記サイトのように完全に画像のメニューを作成したいのです。 レイヤーの表示・非表示で作成してみたのですが、OSやブラウザによっては、サブメニューにカーソルを移動しようとするとサブメニューが消えてしまい、うまくできませんでした。 どなたか、画像によるポップアップメニューで、遅延時間も変更できる手法をご存じの方がいらっしゃったら教えて下さい。
- Pidetsugu
- お礼率89% (44/49)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちわ。つまり画像をクリックすると ポップアップメニューが出るようにしたいのですね？ http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm このサイトは英語なんですけど、このスクリプトを 使用すると、画像でもオッケイです！ 文字の変わりに画像アドをスクリプトにいれるのです。
関連するQ&A
- ポップアップメニューで
DreamweaverMX2004で作成しております。 そのなかでポップアップメニューを作成しました。 またFlashのファイルも挿入してあります。 ポップアップメニューがFlashに重なると、 FLASHの下に表示され、メニューが見えない状態です。 FLASHの上に表示することはできないでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- Fireworksでポップアップメニュー
FireworksMXでポップアップメニューを作りDWとかでその下にSWFを入れるとポップアップメニューの上にSWｆが表示されてしまいます。 ポップアップの下に表示させていのですが、どなたかわかる方いませんか？ 画像だとちゃんと表示できます。教えてください。
- ベストアンサー
- グラフィックソフト
- Dreamwweaverでのポップアップメニュー作成について
お世話になります。MACOS10,DreamweaverMX2004にてページを作成しております。ビヘイビアからポップアップメニューを作成したいのですが…できません。ポップアップメニューを表示させたいイメージを選択して、ビヘイビアの＋をクリック。そこから「ポップアップメニューを表示」を選択すればいいだけなのでしょうが、「ポップアップメニューの非表示」以降の選択肢が薄いグレーの文字色表示で選択ができない状態なのです（選択可能なビヘイビアは黒文字表示）。イメージには無効リンク（Javascript:;）も張っています。なぜ、「ポップアップメニューを表示」が選択できないのでしょうか？？
- 締切済み
- ホームページ作成ソフト
- ポップアップメニュー
<div id="body"> <div id="navi"></div> </div> の状態で、<div id="navi"></div> にFireworksで作成したポップアップメニュー(Fireworks html)を配置すると、サブメニューが変な位置に表示されます。 通常の<body></body>内であれば問題なく表示されるのですが、<div>内では正しく表示されないものなのでしょうか？ どなたかご教授ねがいます。
- 締切済み
- HTML
- ポップアップメニューＦｉｒｅWorks
FireWorksMXでポップアップメニューを作っています。 縦メニューですが、ポップアップエディターでコンテンツのところのテキストを改行するってできませんか？ 幅をボタン画像の幅からはみ出したくないんです。 高さが変わる分には良いのですが・・・ なにか良い方法ありませんか？ DWMXもありますので、そちらでも良いです。 アドバイス下さい。m(._.*)mペコッ
- ベストアンサー
- グラフィックソフト
- ポップアップメニュー作成時にレイアウトが変になる
ロールオーバーにポップアップメニューを付加したオブジェクトをFireworks4で作ってHTMLに書き出したものを、Dreamweaver4でFireworksオブジェクトの挿入で貼り付けました。すると、レイアウトビューでオブジェクトの前と後に変なマークが表示され、ブラウザ上でもその分だけオブジェクトの位置がずれてしまいます。表示メニューの「ビジュアルエイド」で「全て非表示」にすると、二つの変なマークのうち一つは消えましたが、もう一つがどうしても消えません。DreamweaverMXでは、「ビジュアルエイド」で「全て非表示」にすると二つとも消えるのですが。。。事情があってMXは使えません。Dreamweaver4ではどうしたら二つとも消せるのでしょうか。
- ベストアンサー
- CSS
- DreamweaverMXでのポップアップメニューについて
DreamweaverMXでポップアップメニューを作成しました。 そのファイルをローカル上では表示されるのですが サーバーにアップすると表示されません。 画面左下のステータスバーにエラーありのマークが 出てしまいます。 内容は ライン：91 文字：19 エラー：オブジェクトを指定してください。 コード：0 何がいけないのでしょうか？ よろしくお願いします
- 締切済み
- JavaScript
- FireWorksでポップアップメニュー
FireWorksでポップアップメニューを作ったのですが、 これにリンクを張って、別フレームの内容をジャンプさせるように出来るのでしょうか。いまいちターゲットについてわかっていないようです。 また、フレームの中に表示させたのですが、フレームの大きさからあふれた分のポップアップメニューが表示されません。あくまで同じフレーム内にしか表示できないのでしょうか。 宜しくお願い致します。
- ベストアンサー
- グラフィックソフト
- ポップアップメニューのリンク先はhttp://だけ
Macromedia Fireworks 8 スーパーリファレンス を使用して、作成しています。 Macromedia Fireworks 8でポップアップメニュー を作成しています。 一つのメニュー(リンク先:http://www.yahoo.co.jp) を選択すると、Yahoo!JAPANのHPが開きます。 もう一つのメニュー(リンク先:C:\hoge\hoge.html) を選択すると、IE6はまったく反応しません。 Mozilla Firefox2.0で開くと、 "/C:/hoge/hoge.html にはファイルが見つかりませんでした。" と表示されます。 ポップアップメニューのリンク先はhttp://だけ？ なんでしょうか？ お忙しいところ申し訳ございません。 ご教授お願いいたします。
- 締切済み
- グラフィックソフト
- ポップアップメニューがExplorerだとうまく表示できない?
ホームページ作成初心者です。宜しくお願いいたします。Fireworksでポップアップメニューを作成し、Dreamweaverに挿入してからExplorerでプレビューするとフォーム(タイトルがバーからはみ出す)が崩れてしまい、うまく表示できません。Netscapeだとうまくいきます。Fireworksのブラウザプレビューで、Explorerで見てもそのような問題はありません。良きアドバイスお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
お礼
回答ありがとうございます。 上記サイトを見てみましたが、難しくてよくわかりませんでした…。 どこの部分にサブメニューの文字や画像アドを入れればよいのでしょう？ JavaScriptがよく分からないので、もう少し勉強してみます。