• ベストアンサー

メニューをロールオーバーすると詳細が出る表示したい

よろしくお願いします。 メニューをロリポップ(http://lolipop.jp/ )の様に 「ホーム」にマウスを持っていくと「トップページ」「サイトマップ」と詳細が出るようにしたいです。 この仕組みの名前もわからず調べようがなく、 困っております。

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

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

  • ベストアンサー
  • partita
  • ベストアンサー率29% (125/427)
回答No.1

ポップアップメニューと言います。 よくある方法ではjavascriptという言語を用いますが、スタイルシートのみで作成も可能です。

関連するQ&A

  • 独自ドメインの表示しついて(wordpress)

    どうしても分からないので投稿させていただいます。 現在、独自ドメインを取得しロリポップのチカッパプランで登録を済ませ    wordpressの簡単インストールを利用して今はロリポップのドメインで    wordpressを構築しています。    一般設定ではWordpressのアドレス、サイトのアドレスともに    http://○○○.lolipop.jpで、独自ドメインのhttp://○○○.com    でもサイトが見れる状態です。ちなみに301リダイレクトも設定済みです。    ただ閲覧用のサイトマップを作製したとき、独自ドメインのサイトの    トップページはもちろん問題はありませんが、トップから他のページへ     行くとアドレスが全て○○○.comから○○○.lolipop.jp~に変わってしまうので    当然サイトマップはトップページの1つしか作られない状態です。。。    自分としては独自ドメインの○○○.comの方で閲覧したときも他のページも    全て○○○.com~で表示させたいのですがそのやり方を教えていいただけたら    と思い投稿させていただきました。       初歩的な質問かもしれませんが、もしお分かりになる方がいたらぜひ教えて頂きたいと     思っています。       宜しくお願い致します。

  • トップページだけメニューがロールオーバーしない

    サイトを作りアップロードしてチェックしてみたら、なぜかトップページだけメニューがロールオーバーしません。 http://299house.web.fc2.com/index.html 他のページはちゃんとロールオーバーすることを確認しています。 ブラウザはChrome、Firefox、IEでチェックし、どれも同じ症状です。 右カラムのボタンはトップページもちゃんとロールオーバーします。 解決策がお分かりになる方がいらっしゃいましたらご教授頂けるととても助かります。 宜しくお願い致します。

  • メニューを左に固定

    例えば、トップページに左側に縦メニュー、 右の広いスペースに更新履歴やトップ絵があったろします。 私がやりたい事は、メニューから例えば「BBS」を選ぶと右の更新履歴等があったスペースにBBSが出てきて、メニューバーだけは残る、という仕組みです!! 色々なサイトで見かけたりするこの仕組み、どうやったら出来るのでしょうか?

    • ベストアンサー
    • HTML
  • ユニクロのWEBサイトのメニューの仕組みについて

    ユニクロのWEBサイトのメニューの仕組みが知りたいです。 http://store.uniqlo.com/jp/store/feature/casualshirts/l3women/ このページのメインのビジュアルイメージの右上に TOPへ コーディネート とあります。 そちらのコーディネートをクリックすると 四角の中にMENUと書かれたメニュー画像が出てきます。 このメニュー画像をマウスオーバーすると TOPへ コーディネート 上記のメニューが中から出てきます。 この仕組みを知りたいのですが、それらを説明している参考サイトなど知っている方いらっしゃればおしえていただければ幸いです。 CSSを見たのですが全く意味が分かりません。 なぜこれで、あのメニューが出来るのでしょうか。 #l3_content_banner p.btnLivebanMenu, #l3_content_banner ul.btnLivebanMenu{ position:absolute; top:10px; right:10px; } #l3_content_banner ul.btnLivebanMenu li{ line-height:0%; font-size:0%; } #l3_content_banner ul.btnLivebanMenu li img{ vertical-align:top; } よろしくお願いします。

    • ベストアンサー
    • CSS
  • メニュー

    サイトを作るときに、必ずメニューを作りますよね。 ですが、トップページにあるメニュー欄を少しでも編集すると、全ページのメニュー欄を編集しなくてはならなくなります…。(全ページにトップページと同じメニューがある場合) その手間を省く方法はないんですかね? 一つのところを編集すれば、全ページに影響するようにしたいです。 検索エンジンでも、なんと検索したらいいか分からずに、分かりませんでした。 ホームページビルダーv7を使っています。

  • マウスオーバーでリンク

    ・フレームページ.html ・メニューページ.html ・メインページ.html ・リンク先ページ.html 上記のようにページを用意しメニューページには画像を設置。 画像はイメージマップを使用し、マウスオーバーでメインページをリンク先ページにリンクし、マウスアウトでメインページに戻る、クリックでリンク先ページ。 というふうにしたいのです。 可能かどうかもわかりませんが、よろしくお願いします。

  • マウスオーバーしたら、メニュー帯の下に、文字のメニューを出したいです

    こんにちは。 いつもお世話になっております。 今HPで、ページの上の方に、メニュー文字が帯になって横に並んだ ページがあるのですが、リンクコンテンツが増えてきたので、 メニュー帯の中の文字にマウスが乗っかったら 帯の下に、コンテンツの文字が浮き出る奴をしたいと 思って、ジャバスクリプトのサンプルページなどを さすらっているのですが、見つからないのです。 参考サイトさんや、参考になりそうな書籍をご存知の 方いらっしゃいましたら、どうか教えていただけない でしょうか・・・。 よろしくお願いいたします。

  • マウスを置くと出るメニュー

    マウスをメニューの上に置くとサブメニューを出すようにしたいのですが、 イマイチ方法がわかりません。 どこかに参考になるページはありませんでしょうか? BIGLOBEのトップメニューの様なのを想像しています。 (「ニュース・天気・占い」の上にマウスを置くと関連メニューが出てきます) http://www.biglobe.ne.jp/

    • ベストアンサー
    • HTML
  • マウスオーバーで伸びるサブメニューが正しく動作しません

    こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、 gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、 gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。

  • カーソルを合わせるとメニューが表示される

    よくショッピングサイトなどで見かけるのですが、メニューの上にカーソルを あわせると、カテゴリーの詳細が表示され、任意のページにアクセスできる ようになっているページを見かけます。 これはどのようにすれば自分のホームページにも作成できますか? どうぞよろしくお願いします。

専門家に質問してみよう