- 締切済み
折りたたみメニューの種類
WEBサイトを作る上で、ナビゲーションメニューに折りたたみ機能を追加したいと思います。 いろいろなJavaを探しましたが見つかりませんでしたので、参考になるサイトをご存じの方いましたら、教えていただきたいです。 ナビボタンをクリックした際にナビのすぐ下に横幅いっぱいのメニューを出したいのです。 それで別のナビボタンをクリックすると、最初に表示していたメニューが消えその同じ場所に別のメニューを表示したいのです。 http://www.chibanishi-hp.or.jp/ このサイトのような感じです。 ご存じの方教えてください。 よろしくお願いします。
- -tatsuki-
- お礼率13% (30/228)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
関連するQ&A
- 折りたたみメニューについて教えてください
いろんなサイトを参考にして、ＪａｖａＳｃｒｉｐｔを使った折りたたみメニューを作りました。 左右にページを分けて左側のメニューを下記のような折りたたみメニューにしたいと 思っています。 折りたたみ１ 項目Ａ 項目Ｂ 折りたたみ２ 項目Ｃ 項目Ｄ 折りたたみ１をクリックすると項目Ａと項目Ｂが出てきて喜んだのもつかの間 項目Ａをクリックして右側にページが表示されると、開いたはずの 項目Ａと項目Ｂが閉じてしまいます。 折りたたみ１を再度クリックするまで閉じないメニューを作るのには どうすればいいでしょうか。 参考になるサイトなどがあれば教えていただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ナビゲーションメニュー
ナビゲーションメニューを作ったとき、複数ページに直接記述していると面倒ですし、Webサイトの構成が変わったときの保守がしにくくなります。 そこで、ナビゲーションメニューのHTMLを別な方法で取り込んで、全ページにメニューを共通して表示させることが出来るのでしょうか？ 出来るとしたらわかりやすいサイトと具体例（サンプル）があるサイトを教えてください。
- 締切済み
- ホームページ作成ソフト
- 折りたたみメニューについて
<head> <script type="text/javascript"> <!-- function exMenu_close(tName) { tMenu = document.all[tName].style; if (tMenu.display == 'block') tMenu.display = "none"; } function exMenu(tName) { tMenu = document.all[tName].style; if (tMenu.display == 'none') {tMenu.display = "block";} else {tMenu.display = "none";} } // --> </script> <style type="text/css"> <!-- ul{margin:0px;width:164px; list-style-type:none;} li,li a:link{height:20px; width:164px;background-color:yellow;} #menu a:link{background-image:url(img.gif);} #menu a:hover,#menu a:active{ background-image:url(img2.gif);} ---> </style> </head> <body onload="exMenu_close('treeMenu');"> <ul> <li id="menu"><a href="javaScript:exMenu('treeMenu')">LINK</a></li> </ul> <div id="treeMenu" style="display:block"> <ul> <li><a href="./page1.html" target="right">MENU1</a></li> <li><a href="./page2.html" target="right">MENU2</a></li> </ul> </div> 左がメニューで、右がメインページの左右にわけたフレームページを作成予定です。メニューには折りたたみメニューを使いたいと考えています。 http://www.flying-h.co.jp/faq/index.html ↑は折りたたみメニューではありませんが、イメージとしては同じような感じです。メニューをクリックすると、クリックしたメニューの色が変更され、維持します。そしてその下に新たなメニューが表示されます。 説明下手ですみません、わかりにくい場合はHotmailのメニューをご覧いただくと分かりやすいかも知れません、クリックするとメニューの色が変わったままの状態を維持します。 上記折りたたみメニューでは、hoverとactiveにimg2.gifを設定していますが、これではリンクとは異なる別の箇所をクリックすると元のimg.gifに戻ってしまいます。 開かれたメニューの背景画像を常にimg2.gifにしたいのですが、方法がわかりません。 JavaScriptは自分で作るだけの知識がほとんどないため、配布されているものを探し回っていますが、見つかりませんでした。このようなメニューをご存知の方、参考サイト、又は、上記スクリプトをどのように改造すればいいのかお教えいただけないでしょうか。 ちなみに、Hotmailのソースをみてみましたが、複雑すぎて自分の知識では解析不可能でした。 お手数をおかけいたしますが、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 右クリックのショートカットメニューの指定
はじめまして。 あるサイトで右クリックすると、お気に入り登録、リロード、前に戻る、次に進むだけを独自のスタイルでかっこよく表示させているところがありました。 できたら私も右クリックのショートカットメニューを指定したものだけ表示したり、お気に入り登録を追加したりしたいのですがどのようにするのでしょうか。 ジャバスクリプトではないかとここに投稿させてもらいました。 どなたかわかりましたらぜひよろしくお願いしますm(_ _)m
- ベストアンサー
- JavaScript
- Firefox3の右クリックメニューにオリジナルメニューを追加したい。
Firefox3を使っているのですが、右クリックメニューにオリジナルのメニューを追加するにはどうしたらいいでしょうか？ 例えば「○○を表示」（○○にはサイト名）などの項目を追加したいです。
- ベストアンサー
- ブラウザ
- ドロップダウンメニューの作り方
マイクロソフトのサイト（http://www.microsoft.com/japan/ie/） のようなナビゲーションをHP上で作成したいのですが、分かる方教えてください。 また説明されているWebサイトなどご存知でしたら教えてください。 できれば表示されるメニューはテキストで作成したいと考えています。 お願いします。
- ベストアンサー
- JavaScript
- ツリー型メニューで、小メニューを開いたまま次のページに行きたい。
ツリー型メニューをナビに使いたいです。 例えば、 ●はじめに ├サイトについて ├わたしについて └会社について ↑このようなメニューを作って、 「はじめに」をクリックすると、 下に「サイトについて」などの小メニューが出てきます。 その後、「サイトについて」をクリックしてページ移動したときに、 メニューが閉じてしまいます。 このツリーが開いたままで移動したいのですが、 どのようにすればよいでしょうか。 ちなみに、このツリーメニューは大量ページに渡って表示するため、 一括で更新できるように、 インラインフレームで読み込んでくるつもりです。 （ほかにわりかたがわからないので・・・） よろしくおねがいします！
- 締切済み
- JavaScript
- HTML ドロップダウンメニュー 教えてください！
ナビゲーションのドロップダウンメニューを作りたく、 ↓↓このサイトを流用し、こんな感じで、↓↓ http://ezorisu-web.com/web-design/archives/356 試行錯誤しています。 現在作っているサイトが、flashに重なって半透明の透過PNGのナビゲーションがあり、IE6でも半透明に見えるよう、ジャバスクリプトを使用しています。 ここで、ジャバスクリプトを使用しているのが原因かわかりませんが、ジャバスクリプトを使用したドロップダウンメニューをつくろうとするとPNGが半透明じゃなくなってしまいます。 そのため、現在、上のサイトを参考にCSSだけでのドロップダウンメニューを作っているのですが、上のサイトどおり作ると、IE6が、ドロップだうんしません。 何かいい方法はないでしょうか？？ ※↓ジャバスクリプトは↓ここからダウンロードしました。 http://monodez.com/create/pngfix.html
- ベストアンサー
- インターネットビジネス
- firefoxのメニューバーに追加
firefoxでメニューバーに（ナビゲーションツールバーの方ではありません） プロファイルのショーカットを追加したいのですが、テキストだけのボタンを 追加する方法は無いでしょうか？ toolbar buttonsのアドオンで、メニューバーに追加すると、 アイコンの表示だけブラウスの面積を圧迫してしまいます。 しかし、ナビゲーションバーにはアイコンとテキストを両方表示させてる状態 なので、「テキストのみ」の表示にすることはしたくありません。 私が調べた限りでは分かりませんが、スタイルシートなど、メニューバーに テキストだけのボタンを追加することはできますでしょうか？
- ベストアンサー
- ブラウザ
- java scriptメニューがflashに隠れる
こんにちは。 現在、ホームページを作成しております。 ヘッダー部に、横一列でjava scriptを使用したプルダウンメニューの グローバルメニューを配置してあります。 その下に、サイト横幅いっぱいにフラッシュ動画が配置してあります。 メニューをクリックしてプルダウンメニューを表示させた際に、 そのフラッシュの下というか裏側にプルダウンメニューが 隠れてしまうバグが発生しました。 ネットで調べた所、z-indexの設定だけではカバーしきれないので swf配置パラメーターに、wmode="transparent"を追加すればよい という事がわかり、そのように設定した所、ウインドウズのIE等PCブラウザでは 無事に直ったのですが、 スマートフォンのアンドロイドの特定の機種だけが、いまだに隠れてしまいます。 全てのアンドロイドがダメというわけではなく、一部の機種だけが隠れてしまうのですが、 こちらを直す方法というのはあるのでしょうか？ フラッシュ側ではなく、jsやcssで直す方法があるのか、 もしくは、アンドロイドのOSのバージョンやブラウザの問題なのか、 ご存知の方がいらっしゃいましたらどうかお教えねがえませんでしょうか。 よろしくお願いいたします。
- 締切済み
- JavaScript
