• 締切済み

マウスを当てると目次リンクが表示されるには?

マウスをテキストリンクやアイコン等の上に置くと リンクが表示されるページを作りたいのですが、 その方法についてご存知でしたら お教えください。 記のスタイルに変えたいと思います。 例えば、以下のようなスタイルです。 以下のページはロリポップのページですが、 http://lolipop.jp/ ページ上部の「お知らせ」「サービス案内」等に マウスを当てると、その項目に関連する、 詳細な目次が表示されます。 こんな感じのページを作ってみたいです。 Javascriptなのか、HTMLなのかも分かっていません。 ご指導お願いします。

みんなの回答

noname#10926
noname#10926
回答No.4

#2です。 過去の質問 http://oshiete1.goo.ne.jp/kotaeru.php3?q=769175 まぁ、余談ですから気にしないでいいですよ。 とりあえず#2の参考URLを参考に頑張ってみましょう。

全文を見る
すると、全ての回答が全文表示されます。
noname#10926
noname#10926
回答No.3

#2です。 プルダウンメニューではないですね。 階層メニューと言われるものですね。 とりあえず#2の参考URLを見てください。 (しかし、過去に同じ質問があったけど同じ人?)

chabot123
質問者

お礼

同じ人って誰? 同じ質問ですか? この件の質問については、今回が初めてです。 この名称自体が分かっていないので、 過去に質問があったかどうかも判断できていません。 質問の見出しを見ても、見逃してしまっています。 もし過去の質問の該当箇所をご存知でしたら、 教えていただけると助かります。 一応、自分でも探してみますが・・・。

全文を見る
すると、全ての回答が全文表示されます。
noname#10926
noname#10926
回答No.2

プルダウンメニューとか言われるものですよね? http://www02.so-net.ne.jp/~oka/oritatami3c.html 上記ホームページの7→6→3を参考に。

参考URL:
http://www02.so-net.ne.jp/~oka/oritatami3c.html
chabot123
質問者

お礼

いいえ、プルダウンメニューじゃありません。 現在、プルダウンメニューを使用しているため、 今回質問させていただいたような メニュー表示の作成に取り組んでいるところです。 下にご投稿されている方がおっしゃっているものを 作りたいのですが、未だに作り方が分かっていません。 お答えいただき、ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • ron0826
  • ベストアンサー率21% (3/14)
回答No.1

DHTML(*ダイナミックHTML*簡単に言うとJavascript+スタイルシートです)で作成出切ると思います。ただしスクリプトがかなり長くなりますよ~。参考サイト記載しときます。

参考URL:
http://www.scollabo.com/banban/magazine/magazine_059.html
chabot123
質問者

お礼

ご回答いただき、ありがとうございます。 試しにHTMLにソースを書き込んでみたのですが、 エラーが出てうまく表示されません。 うーん、なかなか難しいですね。 どうしたらいいんだろう・・・。 とにかく、ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • サムネイルにマウスで画像表示

    HTML勉強中の者です。 5つのサムネイルにマウスをのせると、同一ページの同じ場所(1箇所)にそれぞれの画像を表示させ、マウスが離れると表示を消す方法---(1) とそのまま表示する方法---(2)を教えてください。  (HTMLで可能であればその方が良いのですが、自分が勉強した範囲ではできません。別HTMLリンクならわかりますが・・・) Javascriptなら可能でしょうか? よろしくお願いいたします。

  • WORDの目次

    WORD2003で目次を作成(挿入→参照→索引と目次)しています。 目次を作成すると、目次とページ番号が一覧となって表示しますが、 ページ番号のスタイル(?)を変えられますか? 【例】 ●ページ番号/全ページ ●第1章-ページ番号 ヘッダが上記のようになっていて、目次とヘッダがリンクするような かたちを考えているのですが?

  • ワードでの目次からのリンク

    ワードで文章を作成しています。以下のようにして目次を300項目つくります。 1クロマニョン人 2ジャワ原人 3ホモサピエンス.........300ネアンデルタール人 次に各目次に該当する 言葉の意味を 目次に引き続き同じシートに続けて書いていくこととします。 たとえば 50ページに 1 クロマニョン人とは、、、、の原人のことである。のようにです。 そこで質問ですが、 目次の1にリンクをつけて、50ページ目の「クロマニョン人の意味」のとこまで、カーソルを飛ばすことはできるでしょうか? 簡潔に申しますと、50ページもカーソルを移動しても、どのあたりにその意味が書いているか分からないので、一発で、意味の書いてあるページに飛ばせたいのです。ご回答ください。お願いします。

  • クリックすると目次をドロップダウン表示

    http://www.kanzaki.com/docs/html/accessible.html このページのように、見出しの右をクリックすると目次をドロップダウン表示させるにはどうすればよいのですか? CSSなのかJAVAなのかJavaScriptなのか分からなかったので、とりあえずHTMLカテゴリに書きこませていただきました。

  • マウスを置くと画像が変わり、そこにリンクも張れるような

    マウスをおくと大きさの違う画像に変えれて、そこにリンクも張れるようなのってどうやればいいですか? html、スタイルシート、JavaScript辺りでやりたいのですが わかる方教えてもらえませんか? やはり、フラッシュ使うしかないですか?

  • マウスオーバーイベントで画像表示

    こんにちわ。 JavaScriptについて質問があります。 あるリンクの上にマウスを重ねると、テーブルのある場所にイメージを表示させることはJavaScriptで可能でしょうか? やりたい事としては、リンク部分にマウスを重ねると、そのリンクの説明を記した画像をテーブル中に表示させたいと思ってます。 ネットを探しまくったのですが、参考になりそうなページが無かったので質問してみました。 参考になるページでも構いませんので、知っている方がいらっしゃったら宜しくお願いします。

  • 入れ子フレーム内のページにリンク

    カテゴリ的にHTMLで良いのかどうかわかりませんが、教えてください。 ランダム表示させた文章から3つに分割された入れ子フレームのhtmlページ内の 該当箇所へ直接リンクする記述を教えていただけないでしょうか? top.html(ココにリンクにする文章を30種ランダム表示させます) frame.html(フレーム本体)  frametop.html (フレーム上部見出し)  mokuji.html(フレーム左部目次)    1kaisetu.html (フレーム右部:解説ページ)     2kaisetsu.html (フレーム右部:解説ページ)    3faq.html   (フレーム右部:よくある30の質問)     4以下略    5 ・・・ 通常、右部には1kaisetsu.htmlが表示されるようになっており、 左部目次のmokuji.htmlからのリンクで3faq.htmlがフレーム右部に表示されます。 このフレームレイアウトを崩すことなく、top.htmlから3faq.htmlの該当する箇所にページ内リンクを 設定したいのですが、どうにも設定できません。 よろしくお願いします。

  • ページの途中にリンクするとそれより上部分が表示されない。

    ページの途中にリンクするとそれより上部分が表示されない。 HTML,css,javascriptを組み合わせてページを作っています。 リンク先:<a name="tochu" id="tochu"></a> リンク元:<a href="ファイル名#tochu">途中へ</a> と記述しております。リンクをクリックすると移動はするのですが、 リンク先の名前をつけたところがページの一番上になってしまい、 それより上部が表示されず、上にスクロールも出来ません。 ページ全体が上にずれ、画面外にはみ出してしまっている状態です。 cssのposition等の設定かと思い、探したのですがそのような記述はありません。 原因を思い当たる方、おられましたらよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • マウスが上にあるリンク

    HPビルダー7です。 マウスが上にあるリンクで文字の色が変わりません。 表示→スタイルシートマネージャー→追加→スタイルの設定→HTMLタグの候補→マウスが上にあるリンクで 設定しますが変わりません。 カラーと背景では「前景色」と「後景色」だけで、文字のバックの色は変化しますが、文字そのものの変更が出来ません。 文字の色そのものをマウスを置いたら変わる方法をご教授下さい。HPビルダー7のソフト内でお願いします。

  • リンク先を別のフレームに表示

    ホームページビルダーV9でホームページを作成してます。 フレームが3つのページを作成してます。 上部に横長のフレーム、その下に左右2つのフレームです。 上部のリンク先を左下に表示し、その左下のリンク先を右下フレームに表示しようとしてます。 上部のリンク先を左下への表示までは出来るのですが、左下の画面は上部のリンク先がトリガーなので編集画面では左下のリンクページは表示されません。よって左下のリンク画面が表示されないため右下へのリンク表示の設定ができません。 ホームページビルダーでこの様な設定は出来るのでしょうか? 最悪HTMLでの作成(埋め込み)でもかまいません。 ご指導お願いします。