- ベストアンサー
ポップアップのメニューバーの作り方
メニューバーをポップアップで作成したいのですが、HTMLとCSSだけで作ること可能でしょうか。可能であれば、ソースや、おすすめの本、サイトなどをご教示お願いいたします。 作りたいメニューバーは、親メニューをマウスオーバーするとサブメニューがポップアップで表示されて、サブメニューをクリックするとリンク出来るメニューバーです。 ネットで検索したところ、ジェイクエリー モバイルや、JavaScrip を使用した方法は見つけたのですが、私は初心者で、HTMLとCSSしか知識がありません。 HTMLとCSSだけでは作成が難しい場合、他の方法(ジェイクエリー モバイルや、JavaScrip 等)で初心者でも出来そうなやり方(おすすめのやり方)があれば、ご教示お願いいたします。
- CSS
- 回答数2
- ありがとう数7
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
このあたりの記事が参考になると思います。 サンプルコードをしっかり読んで、うまく組み込んでみましょう。 http://weboook.blog22.fc2.com/blog-entry-359.html http://ri-mode.com/rainbow/2014/06/11/simple_css_dropdown_menu/
その他の回答 (1)
初心者ということですが、HTMLとCSSの知識があれば、十分対応できると思います。 CSS3MENUのフリー版をご利用になるのが、一番、簡単で早いと思います。 詳しい説明が、サイトに、載っているので、使用方法などについては、そちらを参考にしてください!
- 参考URL:
- http://css3menu.com/
関連するQ&A
- Dreamweaverでポップアップメニューが・・・
Dreamweaver8でホームページを作成しているのですが、ポップアップメニューの表示で困っています。 メニューバーにマウスポインタを合わせると下向きにポップアップメニューが表示されるようにしているのですが、メニューバーの下段にはFlashムービーがはりつけてあり、ポップアップメニューがFlashムービーの背面に表示されてしまいます。ポップアップメニューをFlashムービーの前面に表示させるいい方法がありましたら教えてください。 ちなみにポップアップメニューは「ビヘイビア→ポップアップメニューを表示ページ」にて作成。レイアウトはセンター揃えのレイアウトとなっております。 以上、どなたか解決策をご存知の方はよろしくお願いいたします。
- ベストアンサー
- CSS
- HP作成のポップアップのメニューバーの印刷について
ウェブのページ作成についてですが、ポップアップで別窓を立ち上げて、その小窓にメニューバーを表示させるようにしています。 が、そこの小窓メニューバーの印刷を押しても印刷をしてくれません。何が原因かおわかりになる方いらっしゃいましたら、是非教えて下さい。宜しくお願い致します。
- 締切済み
- Windows XP
- ポップアップメニューで
DreamweaverMX2004で作成しております。 そのなかでポップアップメニューを作成しました。 またFlashのファイルも挿入してあります。 ポップアップメニューがFlashに重なると、 FLASHの下に表示され、メニューが見えない状態です。 FLASHの上に表示することはできないでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- Spryでメニューバーを作成について
自分はHP作成初心者です。 早速質問ですが、Spryでメニューバーを作成したとき メインのメニュー項目だけ、テキストの行揃えを中央にして サブメニューを左揃えにしたいです。 あと、メニューの文字がHTMLのではなくて 画像で作りたいのですが、メインのメニュー項目は 出来たのですが、サブメニューが出来ません。 SpryのCSSを編集すると思いますが、 どうしてもわかりません。 お分かりの方がいらっしゃいましたら 教えて下さい。 よろしくおねがいします。 http://www.goincase.com/ ↑のサイトみたいにしたいです。 私はOSがmacでDW CS4を使用しています。
- 締切済み
- HTML
- ポップアップメニュー
センター寄せのホームページで、プルダウン形式のポップアップメニューを表示したいのですが、なにか解説しているホームページはないでしょうか? 通常、ポップアップメニューを作成する場合には、左上からの絶対座標を指定する形で作成しており、センター寄せでは、できないと言い切っていました。しかし、最近センター寄せのホームページでポップアップメニューのあるものを見てしまったので、実際にはできるのだと思った次第であります。 http://www.cubesystem.co.jp/ 2階層以下のページがセンター寄せのポップアップメニューになってます。
- 締切済み
- HTML
- ポップアップメニューを同じ画面で複数表示させたい
HTML初心者です。 ポップアップメニューを1つの画面で二つ表示させたいのですがどうすればいいでしょうか? よろしくお願いいたします。
- 締切済み
- HTML
- ポップアップメニュー
SuckerTree Vertical Menu (v1.1) http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/%22 のDemoの様なメニューを作りたいのですが、下に出ているCSSとHTMLをコピーしても、DemoのFolder 1から Sub Item 1.1 Sub Item 1.2 には動きませんでした。 JavaScriptか何か足りないタグでもあるんでしょうか? 詳しい方お願いします?
- 締切済み
- JavaScript
- CSSで作成したポップアップメニューについて
CSSを利用してポップアップメニューを作成しましたが、フラッシュと重なる部分はフラッシュの下に表示されてしまいます。 対策があれば教えてください。
- 締切済み
- HTML
- ポップアップメニューがExplorerだとうまく表示できない?
ホームページ作成初心者です。宜しくお願いいたします。Fireworksでポップアップメニューを作成し、Dreamweaverに挿入してからExplorerでプレビューするとフォーム(タイトルがバーからはみ出す)が崩れてしまい、うまく表示できません。Netscapeだとうまくいきます。Fireworksのブラウザプレビューで、Explorerで見てもそのような問題はありません。良きアドバイスお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 画像によるポップアップメニューの作成法について
FireworksMX及びDreamweaverMXを使用してホームページを作成しているのですが、下記サイトのように、マウスオーバーすると表れるサブメニューを作成したいと思っています。 http://www.moshimoshi.co.jp/index.html Fireworks及びDreamweaverMXの標準機能のポップアップメニューでは、メニューがテキスト表示になってしまうため、上記サイトのように完全に画像のメニューを作成したいのです。 レイヤーの表示・非表示で作成してみたのですが、OSやブラウザによっては、サブメニューにカーソルを移動しようとするとサブメニューが消えてしまい、うまくできませんでした。 どなたか、画像によるポップアップメニューで、遅延時間も変更できる手法をご存じの方がいらっしゃったら教えて下さい。
- ベストアンサー
- HTML