• ベストアンサー

吉野家のメニューページについて

特定のメニューをクリックすると、背景が透けた状態でメニューの詳細が出てくるのですが、これはどのようなやり方なのでしょうか?検索しようにも、言葉が見つからずなかなか思うような情報が得られませんでした・・。 よろしくお願い致します。 http://www.yoshinoya.com/shop/menu/index.html

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

半透明化はCSSでIEならfilter、他のブラウザならopacityという属性で設定します。 半透明化して、ページ内ポップアップを出すというメニュー全般に関しては 「Lightbox」というjavascriptのライブラリが有名です。

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

関連するQ&A

  • スタートメニュー

    タスクバーのスタートメニューを右クリックすると、開く、エクスプローラー、検索などがありますが、ペイントショップをインストールしたら、ここにペイントショップが現れました。 これをスタート右クリックメニューから消したいのですが、どうすればいいのでしょうか教えてください。

  • ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「

    ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「階層ごとのメニュー」どっちがいいでしょうか? ■プルダウンメニュー メリット: ・どこのページにいてもワンクリックで目的とするページに移動可能。 ・通常はメニューが格納されており、見た目が整理されている。 デメリット: ・クリックするつもりがなくてもマウスが触れた時点でプルダウンメニューが広がる。 ・整理されている分、どんなページがそのサイト内にあるのか一目では分からない。 参照サイト: http://www.jiji.com/ http://jp.myspace.com/ http://finance.yahoo.com/ http://toyota.jp/index.html http://www.nissan.co.jp/index.html http://recipe.gnavi.co.jp/ http://www.asahi.com/ http://www.47news.jp/ ■階層ごとのメニュー メリット: ・サイト内の現在位置が分かりやすく、同カテゴリ内のページには移動しやすい。 ・カテゴリ内にどのようなページが存在するのか一覧表示されている為わかりやすい。 デメリット: ・目的とするページに移動する際、2クリックを要する場合あり。 ・1段目の大リンク、2段目の小リンクとなっていてリンクが多い 参照サイト: http://news.livedoor.com/ http://headlines.yahoo.co.jp/hl http://www.nicovideo.jp/ http://www.rakuten.co.jp/ http://plusd.itmedia.co.jp/mobile/ http://www.dmm.com/ http://www.hangame.co.jp/

  • まわりの部品を押しのけないメニュー

    HTML小技集(http://lll.s21.xrea.com/)に載っている 「ツリーメニュー」のように、特定のリンクをクリックしたとき 指定された文字列などを表示するメニューが作りたいのですが この「ツリーメニュー」の場合 開かれたメニュー以下の部品を押しのけて表示してしまいます。 この、ツリーメニューのようにクリックされたとき文字列などを表示するが 他の部品に影響を与えないツリーメニューを作るにはどうすればいいでしょうか?

    • ベストアンサー
    • HTML
  • ページ内に別ページを表示させる方法

    ツイッターでは、特定のスペースをクリックすると右側に別ページが表示されています。これはどのように実装しているのでしょうか?どのように検索すれば、この機能について勉強できますか?JavaScriptは初心者並みの知識しかないので、どのような単語で調べればいいのかさえわかりません。 実装したいことは、まさにツイッターの機能そのものです。特定のスペース内をクリックしたら、右メニュースペース全体を別ページで覆いますが、その特定のスペース内に表示されているリンクは、ちゃんとリンクとしての機能を保たせるので、右メニューではなく、リンク先に飛ばします。 これを実装するには相当な知識がないと難しいでしょうか? よろしくお願いします。

  • トップページしかインデックスできない構造、直したい

    数十万件の情報をデータベースで扱うWebサイトを作成しています。 トップページはindex.phpです。 1. トップページで検索したりフィルタリグしたりするとそれに該当したデータがjQuery Ajaxで取得してindex.php上にリスト形式で表示されます。 2. さらにそのリストからどれかアイテムを一つクリックするとjQueryダイアログが開いてそこに詳細情報が表示されます。 これら全てトップページのindex.php上で動作しますので一切別ページに遷移しません。 jQueryのAjaxを使ってphpにアクセスし、データベースから取得した情報をindex.php上で表示しているだけです。 そのため、sitemap.xmlに追加するページがindex.phpしかなく、これ以上ページを追加しようがありません。 GoogleWebmasterToolでもインデックスされているのはindex.phpのみです。 情報を動的に取得し、なおかつAjaxでindex.phpで取得した場合はどのように数十万件のページのような情報をインデックスすれば良いのでしょうか? 何か良い案があればお教えください。 どうぞよろしくお願い致します。

  • 左メニューにプルダウンメニューを適用したい

    左メニューにプルダウンメニューを適用したい 全くの初心者なのですが、質問失礼します。 http://www.stone-m.com/ このサイト様の左ショップメニューのように縦に展開していくショップメニューを作りたい と考えております。 (このサイト様ではクリックで展開しますがマウスオーバーで展開する形で) いろいろなスクリプトのサンプルを探しましたが横型が多くて、どれもピタリときません。 こちらのアコーディオンメニューでもやってみました。 次のマウスオーバーに行ったときに今まで展開していたものが閉じるので、 閉じないようにしたいです。 (上からなぞって見やすいように) var j$ = jQuery; j$(function(){ j$(".acc").each(function(){ j$("li > a", this).each(function(index){ var $this = j$(this); if(index > 0) $this.next().hide(); $this.mouseover(function() var params = {height:"toggle", opacity:"toggle"}; j$(this).next().animate(params).parent().siblings() .children("ul:visible").animate(params); return false; }); }); }); }); scriptのサンプルか、上記を修正して活用する方法があれば教えていただけないでしょうか。 どうぞよろしくお願いします。

  • FLASH内メニューがクリックできなくなった

    http://hero.mgame.jp/index.html 上記オンラインゲームのサイトなのですが、 メニューに「ニュース」「プレイガイド」等ありまして、 そこにマウスオンすると更に細かいメニューが出て来ます。 そのメニュー部分全体が、クリックしても何も反応しなくなったのです。 同FLASH内のタイトルロゴはクリック出来ます。 以前はメニューもクリック出来たのですが、突然出来なくなりました。 全く関係ないかも知れませんが、思い当たることと言えば、 クリック出来なくなる直前に他のサイトを見ていて、 「FlashPlayer9をインストールしますか?」のような警告が出て、許可したのです。 そしてそのサイトは問題なく表示・クリックできました。 (そのサイトがどこかは忘れてしまいました…) その後、上記サイトがクリック出来なくなったように思います。 メニューが使えなくとても不便なので、 どなたか理由・解決方法が分かりましたらお願い致します。

  • Windows7の右クリックメニューの縦幅

    最近WindowsXPのPCが壊れたのでWindows 7 ProfessionalのPCを手に入れました。 今色々カスタマイズしているところですが 7は以前のXPより右クリックメニューの縦幅の間隔が広いようで気になって仕方ありません。 XPの時もどこかを弄って狭くしたのかもしれませんが覚えていません。 検索してみても検索ワードが悪いのかわかりませんでした。 「ウィンドウの色とデザイン」の詳細設定かと思ったのですが それでは右クリックメニューメニュー縦幅は変わらず…。 Windows7での右クリックメニューの縦幅間隔の変え方と教えて下さい。

  • 右クリックメニューの変更

    エクスプローラで右クリックした時に出るメニューに項目を追加したいです。 ここで私が言いたいのは、アイコンを右クリックしたときのメニューではなく、何もないところでクリックしたときにでるメニューです。「表示」「アイコンの整列」「最新の情報に更新」……という項目があるやつです。 前者(アイコン右クリック時のメニュー)については検索したら分かったんですが、後者の変更方法が分からなくて……お願いします。

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

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