重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

リンク一覧の表示

解決済

  • 質問者：Wilkinson
  • 質問日時：
  • 回答数：2件

お世話になってます。どう対応すればよいか、あまりわからないので教えてください。

http://members.at.infoseek.co.jp/dhtml_s/top.htm

のホームページのように、ヘッダー部分(ホームページの一番上のメニュー)で、マウスをあてると、そのリンク先メニュー一覧を表示させる為には、どのようにすればよいでしょうか？

例えば上記のＵＲＬであれば、「TOPPAGE」にマウスをあてると、「About」「Pfrofile」・・・・などのメニューを出せることを行いたいと思っています。

お手数ですが、教えて頂くと、ほんとうに助かります。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： fire--
  • 回答日時：

ちょうど似たようなのを作ったので、サンプルです。



最初のメニューは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>

参考URL：http://www.tohoho-web.com/www.htm
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうござます。

通報する
お礼日時：2005/10/08 19:32

No.1

  • 回答者： Bonjin
  • 回答日時：

JavaScriptを使うとできます。


ソース自体はHTMLソースを表示させると出てくるので、それを真似るなりすればよろしいかと・・・

JavaScriptについては書店に行けば多くの参考書が出てますし、入門者向けのWebページも多数あるのでそれらを参考にしてください。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報