• ベストアンサー

リンク一覧の表示

お世話になってます。どう対応すればよいか、あまりわからないので教えてください。 http://members.at.infoseek.co.jp/dhtml_s/top.htm のホームページのように、ヘッダー部分(ホームページの一番上のメニュー)で、マウスをあてると、そのリンク先メニュー一覧を表示させる為には、どのようにすればよいでしょうか? 例えば上記のURLであれば、「TOPPAGE」にマウスをあてると、「About」「Pfrofile」・・・・などのメニューを出せることを行いたいと思っています。 お手数ですが、教えて頂くと、ほんとうに助かります。

  • HTML
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • fire--
  • ベストアンサー率49% (146/293)
回答No.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/">サイト1</a><br /> <a Onclick="PopupOn('poplink1')"><u>サブメニュー1</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/">サイト2</a><br /> <a target="_blank" href="http://zzzzzzzzzzz/">サイト3</a><br /> <hr /> <a Onclick="PopupOff('poplink1')">[閉じる]</a> </span> </body></html>

参考URL:
http://www.tohoho-web.com/www.htm
Wilkinson
質問者

お礼

ありがとうござます。

その他の回答 (1)

  • Bonjin
  • ベストアンサー率43% (418/971)
回答No.1

JavaScriptを使うとできます。 ソース自体はHTMLソースを表示させると出てくるので、それを真似るなりすればよろしいかと・・・ JavaScriptについては書店に行けば多くの参考書が出てますし、入門者向けのWebページも多数あるのでそれらを参考にしてください。

関連するQ&A

  • 発リンク(外部リンク)を一覧で表示してくれるサイト

    サイトURLを入れると、発リンク(外部リンク)を一覧で表示してくれるサイトを探しています。 サイトURLを入れたら、そのページだけ(トップページだけ)の発リンクを表示するサイトはありますが、 サイト内全体の発リンクを表示してくれるサイトがいいです。 そのようなサービス・サイトはどんなところがありますでしょうか? よろしくお願いいたします。

  • リンクが表示されません。

    ウィンドウズXPで、あるサイトからDLしてきた テンプレートでHPを作っています。 メニュー画像からリンクするのですが、 なぜかエラーメッセージは表示されず、 そのまんまです。 トップページ(元からDLファイルにありました)は 問題なくHPの枠の中に表示されたのですが、 メモ帳で作成したhtmlのファイルが開けません。 ただ、外部からリンクしたやつ(メールフォーム) は枠の中に表示されるんです。 この質問と似たようなのがありましたが、 ファイル名は間違っておらず、「about.html」です。 リンク先のアドレスも「about.html」です。 同じフォルダに入っていないのでは? とご回答される方もいらっしゃると思いますが、 ちゃんと表示されるtopのところと同じところ(隣に) に入っています。 (トップは私は文字をいらったりしただけです。ダグはいじってません) ためしに、トップの文字をそのまんま貼り付けて、 ファイル名だけを違うようにしてリンクを試してみたところ、 やはり表示されませんでした。 (同じ文字なので変わっているというのに気づかないのでは? とご回答される方もいらっしゃると思いますが、 それはありませんでした。メールフォームを開いた後、 about.htmlのほうにリンクしようとしたら、画面が切り替わらなく、 メールフォームのままでした) ダグが間違っているやらではないようでした。 やっぱりリンク先がおかしいのですかね・・・? ちなみに、 AMIGOでホームページを作成していますが、 この形式でHPを作成するのは初めてです。

  • フレーム使用サイトへのリンク

    「ヘッダー」「メニュー」「メイン」とフレームを使用しているサイトの トップページではなく、階層ページへへリンクを貼りたいのです。 階層ページのファイル名にリンクさせてしまうと、 「ヘッダー」「メニュー」が表示されません。(当たり前ですが…) どうにかして階層ページも「ヘッダー」「メニュー」を表示させたいのですが何か方法はあるでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • フレームページから戻るボタンでリンクを貼ると。。

    こんばんわ。連休中もいよいよ最後ですが。。今私、ホームページを作成しているんです!ホームページ作成熟練者の方、アドバイスをお願いします。実は4フレームに分割したページを作ったのですが、Topへ戻るボタンをつけて、TopPageへリンクを貼ると、戻るボタンをつけた1/4のフレームの部分だけが、TopPageになってしまい、フレームページと混在してしまうのって、どうすればいいのでしょうか。。ご存知の方、対処方法を教えてください!

  • 「リンクの一覧」機能を追加したい

    以前使っていたパソコンで、右クリックのメニューの中にリンクの一覧を表示する機能がありました。 これはマイクロソフトのホームページからダウンロードしてきたものです。 今のパソコンにも追加したいと思い、マイクロソフトのHPに行ったんですが、見つかりませんでした。 同じような機能のフリーウェアが他にもあることは知っているのですが、やはり使い慣れてるほうがいいかなと思うので。 マイクロソフトで無いようなら使い勝手の良い他のソフトを使おうと思います。 お聞きしたいことは、 「マイクロソフトでの「リンクの一覧表示」機能の配布の有無」(できれば配布元) または、 「便利な「リンクの一覧表示」機能のフリーウェア」 です。よろしくお願いします。

  • マウスを乗せるとツリー式にリンクが表示されるscript

    microsoftのホームページのメニューのように文字の上にマウスを乗せると、その下にいくつかリンクが表示されるスクリプトを探しているのですが、なかなか見つかりません。 microsoftのソースを頑張ってアレンジしてもいいのですが、NNでも見れるかどうかが心配です。 どなたか知っている方がいらっしゃったら教えて欲しいです。 ↓microsoftのHP http://www.microsoft.com/japan/ms.htm

  • ジオシティーズでページが表示できません

    ジオシティーズでページが表示できませんと表示されてしまいます。 こんにちは、ホームページ作成初心者のものです。 今、ジオシティーズでHPを作成しているのですが トップページ(フレームページ)が表示出来なくて困っています。 メニューを左、内容を右としているのですが、そのメニューの中にトップページのリンクを作ったのですが、リンクをクリックしてもページが表示できませんと表示されてしまいます。 トップページ(フレームページ)自体は表示出来てるし、他のメニューはちゃんと右に表示されるのですがトップページのリンクだけ表示できません。 開いた時はトップページとして右に表示されるのですが、リンクをクリックすると表示できません。 何が問題でしょうか? URLも間違ってないと思うのですが…あ、でもそのトップページに使用しているページをプロパティでURLを確認したらの一番最後の.htmに%22という文字が付いてましたがこれも関係あるのでしょうか? 文章がまとまらなくて申し訳ございません。 自分でも試行錯誤して頑張ってみますが、ページが表示されない何が問題かわかる方いらっしゃいましたらご教授お願いします。 カテ違いだったらすみません、HTMLで作ってます。

    • ベストアンサー
    • HTML
  • フレームなし、メニューつき500ページのHTML。メニュー修正の省力化に向けた設計について。

    こんにちは。 フレームなし、メニューつきの500ページ程度のサイトを 予定しています。 ただ、メニュー部分だけを修正する場合 500ページすべてを直さなければならないのかと思うと滅入りそうです。 要は、SSIでメニュー部分のみインクルードするようなことが できればベストなのですが、あいにく私の使用サーバはSSI不可です。 また、JavaScriptは環境依存のためPerlだけを考えています。 これ↓もNN4.Xで効果がないので使用できません。 http://members.at.infoseek.co.jp/dhtml_s/web_dhtml/dhtml_html_insert.htm この場合、500ページ修正をのまなければいけないのでしょうか? 何かいい設計方法がありましたらお教えください。

    • ベストアンサー
    • HTML
  • index.htmlからフレームページへリンク

    ビルダーでHPを作成中です。index.htmlから各ページにリンクを貼りたいのですが、上手くいきません。 ファイルは以下のように作成しています。 index以下の階層ページはフレームを使って表示させたいと思っています。 index.html topフォルダ(この中にtop.htmとmenu.htmフレーム名:menuとhome.htmフレーム名:homeとimagesフォルダ) newsフォルダ(この中にnews.htmとimagesフォルダ) といった感じです。 top.htmはリンクを貼るとmenu.htmとhome.htmが表示されますが、他はどのような作ればいいのでしょうか。必ず、menu.htmと他のページ(例えばnews.htm)が1つの画面に出るようにしたいです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • リンクの張り方

    自分で作ったホームページにいろいろとリンクを張るのはわかりますが、他人が作ったHPに自分のURLのリンクを張るというのがよくわかりません。 HTMLの挿入などは勝手にできるのでしょうか? よく「リンクの張りつけはトップページだけにしてください」などとかかれているのを見ますが、どのようにすればよいのでしょうか? よろしくお願いいたします。

専門家に質問してみよう