- ベストアンサー
マウスを載せたとき、下方に項目が出る方法(part2)
前回質問させていただいたのですが、一部仕様が変わり、また困ってます。 フレームで上下に分け、上方にボタン状のものをコンテンツとして一覧で横に並べています。 そのボタンにマウスを載せるとボタンの下方に各々のメニュー（小メニュー）が出る（画像）方法が知りたいです。その小メニューから各ページが切り替わる仕組みにしたいのです。 また、その小メニューはフレームの下部に突き破る感じで表現したいのです。 ご存知な方、教えてください。よろしくお願いします。
- ukkey119
- お礼率54% (225/410)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
以前、解答されている方が紹介されていますが、その中でこれが一番近いと思います。ただし、オンマウスではなくクリックで降りてきます。 ソースが見にくいですが、自分で見易いように整頓すればそんなに難しくないはずです。ちなみにjavascriptではなく、java appletが使われています。 top_navibar9tb.htmlファイルの <param name="3DBorder" value="true"> を <param name="Border" value="true">に変え、 このファイルの背景色をborderと同じ色にするor<apple>~</applet>をテーブルもしくはボックスで囲めば一つのバーのように見えます。 ご参考になれば
その他の回答 (1)
- nuruhho44
- ベストアンサー率57% (38/66)
これは応用できませんか？ <HTML><HEAD> <TITLE></TITLE> <SCRIPT type="text/JavaScript"> <!-- function showMenu(){ parent.Bottom.document.body.innerHTML += "<DIV style='background-color : blue; position : absolute; top : 0px; left : 0px; width : 100px; height : 100px; z-index : 99;' onmouseout=\"this.style.display='none';\">サブメニュー</DIV>"; } //--> </SCRIPT> </HEAD> <BODY> <A href="JavaScript:void[0];" onmouseover="showMenu();">メニュー</A> </BODY></HTML> parent.Bottom.document・・・・ の「Bottom」の部分を、あなたが設定した下側のフレーム名に変えてください。
お礼
回答いただきありがとうございます。 テキストだとうまくいくのですが、画像だと上被せ状態になり、見えなくなってしまいます。またswfファイルを載せようとすると、Javascript自体にエラーが出ます。
お礼
回答いただきありがとうございます。 意図とするものです。ありがとうございます。