- 締切済み
どのうにしたら
よくトップページのメニューで ------------- MENU ------------- となっておりクリックすると ------------- MENU ------------- **** ------------- **** ------------- のように項目が下に出てくるようにするにはどうしたらいいのでしょうか??もしかしたらFLASHかなあと思っているんですが・・・ よろしくおねがいします
- takatomo251
- お礼率2% (15/630)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
みんなの回答
展開するメニューは、FLASHでも作れると思いますが、JavaScriptを使って実現することも可能です。 簡単なソースを作ってみました。 <html> <head> <script type="text/javascript"><!-- function pldwn(trgid){ if (document.getElementById){ tar=document.getElementById(trgid); if (tar.style.display=="none"){ tar.style.display="inline"; } else { tar.style.display="none"; } } } // --></script> </head> <body> <p><a href="#" onClick="pldwn('smn1')">メインメニュー1</a><br> <span id="smn1" style="display: none;"> <a href="***.htm">サブメニュー1-1</a><br> <a href="***.htm">サブメニュー1-2</a></span> <br> <a href="#" onClick="pldwn('smn2')">メインメニュー2</a><br> <span id="smn2" style="display: none;"> <a href="***.htm">サブメニュー2-1</a><br> <a href="***.htm">サブメニュー2-2</a></span> <br> サブメニューが中に割り込むように表示されます。 </p> <hr> <table> <tr> <td style="width: 10em;"> <a href="#" onClick="pldwn('smn3')">メインメニュー3</a><br> <span id="smn3" style="display: none; position: absolute; background: white; z-index: 1;"> <a href="***.htm">サブメニュー3-1</a><br> <a href="***.htm">サブメニュー3-2</a></span> </td> <td style="width: 10em;"> <a href="#" onClick="pldwn('smn4')">メインメニュー4</a><br> <span id="smn4" style="display: none; position: absolute; background: white; z-index: 1;"> <a href="***.htm">サブメニュー4-1</a><br> <a href="***.htm">サブメニュー4-2</a></span> </td> </tr> </table> <p>サブメニューがプルダウンメニュー風に下の表示に被ります。 こちらはテーブルで表示位置を調整しています。</p> </body> </html> これをコピペして、HTMLファイルとして保存し、ブラウザで表示して見てください。 IE6、Netscape7,1、Opera7.11では動作することを確認してあります。 JavaScriptでもこれだけのことは可能ですよ。 ここで挙げたものよりも良いスクリプトも、公開されていると思います。 検索サイトで「DHTML メニュー」、あるいは「DHTML ツリーメニュー」、「DHTML ドロップダウンメニュー」などのキーワードで検索してみると、そういったスクリプトを公開しているサイトも見つかると思いますので、探してみるのも良いと思いますよ。 参考になれば幸いです。
こんにちは！ プルダウンメニューのことでしょうか？ Flashでも出来ますし、JavaScriptでも出来ます。 メニューの部分が画像であればFlash かレイヤーを使ったJavaScriptだと思います。 Flashかどうかは、メニューの部分で右クリックしてみてください。右クリックメニューの中に『拡大・再生・・』などのメニューがあれば、Flashです。
- K5237
- ベストアンサー率56% (55/97)
JavaScriptでもできるし，HTMLだけでも出来ますよ。 HTMLでの簡単な説明をしますと， menu1.html -------------------- コンテンツ1 -------------------- コンテンツ2 -------------------- menu2.html -------------------- コンテンツ1 ページ1 ページ2 -------------------- コンテンツ2 -------------------- というように2つのHTMLを用意しておき，menu1.htmlで「コンテンツ1」にmenu2.htmlへのリンクを設定しておけば，ご希望のようになると思います。 参考URLのサイトで実際にこのような感じでメニューを表示していますので，試してみてください。ちょっと色の濃い左側のページがメニューです。
