• ベストアンサー

サイドナビにドロップダウンメニューを設置したい

サイドナビにドロップダウンメニューを設置したい サイドナビにマウスオーバーしたときにだけでるメニューボタンを設置しようと思っています。 ナビは縦に並んでいて、マウスオーバーした時に出るメニューも縦に並ぶようにしたいです。 ナビのボタンとボタンの間に出てきて、そのメニューが出ると下にあるナビとかぶらずに下のナビは位置がずれるようにしたいです。 説明下手ですみませんが、下記のようなイメージです。 【メニュー1】 【メニュー2】 【メニュー3】 　　　↓ 【メニュー1】 　〔ドロップダウン1〕 　〔ドロップダウン2〕 【メニュー2】 【メニュー3】 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

http://www.designwalker.com/2009/02/jquery-dropdown.html jqueryとかで実装してはどうでしょうか。

yyyyyyyy8
質問者

お礼

遅くなりましたが、どうもありがとうございましたm(__)m

その他の回答 (1)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

No.1の参照先リンク切れみたい。 これはどう「SuperFish」（ｊQueryベース） http://users.tpg.com.au/j_birch/plugins/superfish/#examples

yyyyyyyy8
質問者

お礼

遅くなりましたが、どうもありがとうございましたm(__)m

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • cssでのドロップダウンメニューについて

    いつもお世話になっております。 すみません。。。 下記URLのテンプレートを使用して、かつ、ヘッダーのタブメニューに、プルダウンメニュー （タブにマウスオーバーすると、ドロップダウンでメニューが表示）を導入をこころみて いますが、どうしても、IE系（6,7,8）とFireFox系（３）で、表示が大幅にづれてしまいます。 なんとか、ドロップダウンのメニューのサンプルをご教示いただけませんでしょうか。 http://matthewjamestaylor.com/blog/ultimate-1-column-full-page-pixels.htm

    • ベストアンサー
    • HTML
  • ドロップダウンメニューのプログラムを教えて・・・

    今非常に困っています・・・。 プログラムのどの本を見てもドロップダウンメニューのプログラムが無いし、インターネットで検索してソースコードを貼ってみても、全然動きのあるドロップダウンメニューにならずに、単なる縦列横列のリンクになってしまい、ドロップダウンメニューを作れません。 今現在JavaScriptでドロップダウンメニューの着いた自分用のＨＰを作りたいと強く思っているのですが、下のようなプログラムの中にドロップダウンメニューを入れるためには、どのように入力したら良いのかご教授願えないでしょうか？。 非常に身勝手な質問とは承知しているのですが、画像のイメージは添付ファイルの通りで、縦と横にそれぞれメニューが出てくるようにしたいです・・・。 ご回答をお待ちしております。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <title></title> <script language="JavaScript"> </script> <body> <form name=""> </form> </body>

  • ドロップダウンメニュー

    ドロップダウンメニューを作りました。普段はCSSで非表示にしてマウスオーバーするとJavascriptで表示するようにしています。 その表示するタグはDivタグでAbsolute指定しています。 その中はli（リスト）でdisplay:block;とwidth100%などをつけて余白もリンクにしました。 そのDivタグの領域の下には文字が書かれています（重ねている） で、そのかさなっている状態でそのDivタグの領域のリンクにマウスをあてるとポインタが文字選択のマーク（重なっている下の文字が選択される）になってしまうときがあります。この場合どのような解決方法がありますでしょうか？

    • ベストアンサー
    • HTML
  • FLASHドロップダウン（？）メニュー

    さきほど http://oshiete1.goo.ne.jp/kotaeru.php3?q=714572 で質問させていただいたのですが状況が変わったので再度質問させていただきます。 【★】というボタンにロールオーバーするとメニューが下記のように出てきて、さらにロールアウト（メニューも含む）するとメニューが戻るというようにしたいのです。 【★】 　↓ロールオーバー 【★】自己紹介　掲示板 【★】ボタンは画像１と画像２からなってます。 透明のレイヤーを入れればいいのかと思い、画像２にメニューのすべてが収まるように透明な四角を描いた所意図する動きになりました。 が！メニューのボタンが生きてこないのです。 あたりまえですが、透明の四角の下にボタンがあるので、ロールオーバーにならないのです。 逆にボタンの方を下に配置してしまうと、【★】からマウスが離れたとたんメニューが戻ってしまいます。 どのようにしたらいいのでしょうか？

  • ドロップダウンメニュー。

    個人でＨＰを運営しているのですが、 この度、フレーム機能とドロップダウンメニューを使用してページを製作しました。 ところが、メニューから項目を選んでクリックしてちゃんと表示されるのですが、クリックしても何も表示されない部分（メニューの中の最初の表示部分や、ｈｔｍなど設定されていない部分）も何故か、何にもない真っ白なページが表示されてしまいます。 ドロップダウンメニューのソースはサンプルから頂いてきて、自分なりに何とか形になったのですが、上記のトラブルを解消するほどの知識がありません。 何卒、ご教授お願いいたします。 http://www003.upp.so-net.ne.jp/tochio-cinema/cinema_review.htm の右上にあるドロップダウンメニューです。 メニューの中の　ＬＡＳＴ　ＵＰＤＡＴＥと、その下の6/26をクリックすると、下のフレームが真っ白になってしまいます。

    • ベストアンサー
    • HTML
  • ドロップダウンの作成方法

    こんにちは。 早速ですが質問させていただきます。 ホームページの作成に挑戦しているのですが まだまだ知識が乏しいため、ドロップダウンの 作成方法（スクリプト）が分かりません。 作りたい機能は以下のとおりです。よいサイトが あれば教えていただければ非常に助かります。 メニューのボタンをつくり、そこをマウスオーバーさせると縦長のメニュー（そこには各ボタンに関連する項目の小メニューが現れるようにしたいと思っています。たとえば、[朝ご飯]というボタンにマウスオーバーさせると、[白ご飯][卵焼き][お味噌汁]といった項目がのれんのように出現するという感じです。ボタンは作成済みです。私のイメージ通りのサイトがあったのでこちらをご覧いただけるとありがたいです。「ライブラリーについて」など。http://www.apu.ac.jp/media/modules/mediacenter/index.php?id=1&sel_lang=japanese） 図書館の本や今までの投稿記事、ネット、[view source]に当たってみたのですが、イメージのものと違うものが多く(プルダウン？)、また思っていたものでもスクリプトが難しく取り入れることができませんでした。 どなたかよろしくお願いいたします。

  • ドロップダウンメニュー

    http://www.microsoft.com/japan/ ↑のページの右上の方にある、マウスカーソルを持っていくとドロップダウンメニューが表示される方法を知りたいのですが、どなたか教えてもらえませんか？ JavaScriptで実現できるのかどうかも分かっていないので、もしかするとこのカテゴリへの投稿も間違っているかもしれませんが・・・。 宜しくお願いします。

  • 1枚の画像でナビゲーション＋ドロップダウンの設定

    上記の通りになるのですが、 1枚の画像だけを用意して、ナビゲーションメニュー＋一部のメニューには プルダウンも設定したいのです。 例を言えば MENU1、MENU2、MENU3、MENU4という項目があり、 MENU1とMENU2は単純にマウスオーバーをした際に色が変わるという設定をし、 MENU3とMENU4にはマウスオーバーをした際にその下にそれぞれMENU3_1、MENU3_2、MENU4_1、MENU4_2 というメニュー階層を縦表示でつけられればと思っています（これにもマウスオンマウスオフ、アクティブ時で色変えしたい）。 単純にマウスオーバー時に変わる設定ならば CSSのhover設定とactive設定でいけるかと思っているのですが、 項目中2つだけドロップダウンを入れるとなるとペライチでどのように設定すれば いいのか……と悩んでおります。 また、もし普通のメニューは1枚画像で用意して、 ドロップダウンメニューの部分は別画像を用意して設定する、 というの方が簡単であるならばそちらの手法もご指摘いただければと思います。 サンプルとしてペライチで作成する場合の「こういう風の画像を用意して設定できればな」 という画像を添付させていただきます。（サンプルなので簡略に作成しております） 手法は特に指定しておりません。 分かりにくい説明で大変申し訳ございませんが、ご教授いただけますと幸いです。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • フレームページのドロップダウンメニューの表示

    初歩的な質問で申し訳ありません。 上下に分けたフレームページの上のページにドロップダウンメニューを設置しました。 が、出てくるサブメニューが下のフレーム内のページの下に潜り込んでしまいます。 サブメニューを上に出すにはどうすればよいでしょうか？ ちなみに、下記ページを手本にして設定しようとしています。 http://www.slipknot1.com/index?refresh=true よろしくお願いいたします。

  • エクセルのドロップダウンメニューについて質問です

    エクセル2010で表を作る練習をしています。 ドロップダウンメニューの事なのですが、 例えば私は練習として、今所持している本のリストを作っています。（画像参照） ドロップダウンメニューの作り方は検索して理解できました。 ですが、一通り入力した後この方法で登録すると、 ドロップダウン項目に同じ文章が複数入ってしまいます。 これを防ぐためにはどうすればいいのでしょうか？ また、１行目にドロップダウンメニュー？を設置して、 並び変えるにはどうすればいいのでしょうか？ （「データ→並び変え」ではありません）

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する