- ベストアンサー
リンク一覧の表示
お世話になってます。どう対応すればよいか、あまりわからないので教えてください。 http://members.at.infoseek.co.jp/dhtml_s/top.htm のホームページのように、ヘッダー部分(ホームページの一番上のメニュー)で、マウスをあてると、そのリンク先メニュー一覧を表示させる為には、どのようにすればよいでしょうか？ 例えば上記のＵＲＬであれば、「TOPPAGE」にマウスをあてると、「About」「Pfrofile」・・・・などのメニューを出せることを行いたいと思っています。 お手数ですが、教えて頂くと、ほんとうに助かります。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ちょうど似たようなのを作ったので、サンプルです。 最初のメニューはOnMouseOver、次のメニューはOnClick と動き方を変えて見ました。 javascriptやstylesheetは参考URLが役に立ちます。 <html> <head> <title>テストページ</title> <script type="text/javascript"> <!-- function PopupOn(Msg){ // browser check logic // if(document.getElementById) Nx = true; inet standard // else if(document.layers) NN = true; // else if(document.all) IE = true; var pX = 0, pY = 0; var sX = -10,sY = 30; if(document.getElementById){ MyMsg = document.getElementById(Msg).style; MyMsg.visibility = "visible"; } else if(document.layers){ MyMsg = document.layers[Msg]; MyMsg.visibility = "show"; } else if(document.all){ MyMsg = document.all(Msg).style; MyMsg.visibility = "visible"; } } // function PopupOff(Msg){ if(document.getElementById) document.getElementById(Msg).style.visibility = "hidden"; else if(document.layers) document.layers[Msg].visibility = "hide"; else if(document.all) document.all(Msg).style.visibility = "hidden"; } // --> </script> <style type="text/css"> <!-- .popmenu1 {visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:2px solid; padding:10px;} --> </style> </head> <body> <div id="poplink" class="popmenu1" style="width:100px; visibility:visible;"> <a Onclick="PopupOn('poplink0')"><u> メニュー</u></a> </div> <span id="poplink0" class="popmenu1" style="position:absolute; left:120px; top:20px; width:200px;"> <a target="_blank" href="http://xxxxxxxx/">サイト１</a><br /> <a Onclick="PopupOn('poplink1')"><u>サブメニュー１</u></a><br /> <hr /> <a Onclick="PopupOff('poplink0')">[閉じる]</a> </span> <span id="poplink1" class="popmenu1" style="position:absolute; left:180px; top:50px; width:200px;"> <a target="_blank" href="http://yyyyyyyyy/">サイト２</a><br /> <a target="_blank" href="http://zzzzzzzzzzz/">サイト３</a><br /> <hr /> <a Onclick="PopupOff('poplink1')">[閉じる]</a> </span> </body></html>
その他の回答 (1)
- Bonjin
- ベストアンサー率43% (418/971)
JavaScriptを使うとできます。 ソース自体はHTMLソースを表示させると出てくるので、それを真似るなりすればよろしいかと・・・ JavaScriptについては書店に行けば多くの参考書が出てますし、入門者向けのWebページも多数あるのでそれらを参考にしてください。
お礼
ありがとうござます。