altやtitleタグからロゴにカーソル合わせるとブランドコンセプトを表示する方法

前へ 次へ
このQ&Aのポイント
  • altやtitleタグを使用して、ロゴにカーソルを合わせるとブランドコンセプトが表示される仕組みを作りたいです。具体的には、altやtitleタグよりも大きな文字や装飾を使って、ロゴの背景にブランドコンセプトを表示する方法を知りたいです。
  • http://okwave.jp/search.php3?search_type=word&kw=%82%A8%94N%8B%CA%82%CC%91%8A%8F%EA にある右ナビゲーション部分の最新Q&Aのような表示を実現したいです。
  • 質問としては、ロゴにカーソルを合わせるとブランドコンセプトを表示する方法や、具体的な実装手法について知りたいです。
回答を見る
  • ベストアンサー

altやtitleタグの表示のような感じでロゴにカーソル合わせるとブランドコンセプトを出したいのですが。。

このカテゴリーではないかもしれませんが、ご存知の方お願いいたします。 ブランドのロゴ画像にカーソル合わせると ブランドコンセプトをaltやtitleタグの表示のような感じで 表示をさせたいのです。 ただaltやtitleよりも、もう少し字を大きくしたり、 背景に色をつけたり装飾した感じで出したいのですが、 どうしたらそのような事ができますでしょうか？ 下記アドレスの右ナビゲーション部分の最新Q&A部分のような 表示をさせたいんです。 http://okwave.jp/search.php3?search_type=word&kw=%82%A8%94N%8B%CA%82%CC%91%8A%8F%EA&x=43&y=5 どなたかご存知の方いらっしゃいましたらご教授願います。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

ご提示のアドレスのソースを見ればわかりますが、「BoxOver」というライブラリを使用しています。 ライブラリのＨＰに解説やサンプルがあったようですが、現在、閉鎖されてしまったのか（？）つながらないようです。 サンプルのページがかろうじて生き残っているみたいなので、参考までに 　　http://boxover.swazz.org/example.html 解説のページは見つけられませんでしたが、サンプルページのソースを見ればおよその使い方はわかると思われます。 要は、HTMLタグのｔitle属性にheaderやbodyを定義しておけば、それが表示されるという仕様になっているようです。 他に、fade、cssbody、cssheader、requireclickなどの属性も設定できるみたいですが、これらの使用例もサンプルページにあるので、およその見当はつくでしょう。

eri0055896
質問者

お礼

fujillin様、問題解決いたしました。 的確な回答ありがとうございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • IE：ポイントしてもaltやtitleが表示されない

    　お世話になります。 　IE6を使用しているのですが、いつの間にか、altやtitleが設定されたオブジェクトをポイントしても、メッセージが表示されないようになってしまいました。これ以外の動作は正常のようですが、どうも不便です。 　気がついたら表示されなくなっていたので、原因が判らないでいます。このような現象をご存知の方がいらっしゃいましたら、解決法を教えてくださいませ。 　なお、Windows2000Pro+SP2の環境となっています。レジストリの変更に抵抗はありません。よろしくお願いします。

  • ボタンでalt（代替え文字）を表示させるには？

    ボタンでalt（代替え文字）を表示させるには？ いつもお世話になっています。 下の VALUE="Yahoo!" で表示される「Yahoo!」のボタンをなぞったら、「ヤフー」が表示されようにするには、どのようにしたらよいのでしょうか？ また、下のTopPageをなぞったら、「トップページへ」が表示されるようにするには、どのようにしたらいいのでしょうか？これは、無理でしょうか？ 下をどこかに入れたらいいような気がするのですが、うまくいきません。 alt="ヤフー" alt="ヤフーのトップページへ" -----ここから <!--ヤフー--> <form action="http://search.yahoo.co.jp/bin/search" method="get"> <input TYPE="TEXT" NAME="p" SIZE="17" ID="p"> <input TYPE="SUBMIT" VALUE="Yahoo!" STYLE="font-weight:bold"> <a href="http://www.yahoo.co.jp/"> <b>TopPage</b> </a> </form> -----ここまで よろしくおねがいします。

    • ベストアンサー
    • HTML
  • Opera7.23で「alt」属性を表示させたい

    タイトルのとおりなんですが、 alt属性(HTMLに詳しくない方のために説明すると、 例えばブラウザがＩＥなら、アルファベットで”back”とか書かれたボタンの上をポイントすると ”戻る”と日本語で小さいバーが出てくる、あれです)がある部分をポイントしても 「アドレス：http://・・・」 というふうにＵＲＬが出てしまうんです。 Operaは大好きなんですがこの部分だけが不便で。 ご存知のかた設定の変更の仕方を教えてください m(＿)m

  • 「ＣＲ」というロゴ？のアクセブランド

    こんばんは。 ネックレスの留め具部分に「ＣＲ」（縦書きで、Ｃの終わりにＲの左上が引っ付いている感じです）と記載の有る物があるんですが、 これはどちらのブランドなんでしょうか？ そんなに高い物でも安い物でもないと思います。 リボンモチーフ等の甘い系の商品を出している所です。 ご存じの方教えて下さい。

  • タグを使ってリンクの下線を非表示にする方法を教えてください。

    HTMLの質問です。 下線の装飾等をする方法はかなり紹介されているのですが、 下線を非表示にする方法をご存知のかたお願いします。 IE等のブラウザーにオプションからの設定はできるのですが、 それに頼らず、最初からタグによって、非表示にする方法を探しています。 いろいろ探しまして、これはというタグを０００aboutのサイトから 教えていただいたのですが、実際に使用してみると実行されませんでした。 何かが足らないのかなと思うのですが、分かりません。 そこは掲示板がないので、こちらでお分かりの方からアドバイスをいただきたく 投稿しました。 <style type="text/css"><!-- a.declink { text-decoration: none; } --></style> 上記のタグは下線を非表示にするタグと別の装飾タグを入れるタグとの組み合わせ でしたが、私には一部不要でしたので、ーーnone;以降の部分は割愛しました。 このタグにミスがありますでしょうか。 または、他のタグで非表示にできる方法をご存知でしたら、ご教授ください。 お願い致します。

    • ベストアンサー
    • HTML
  • alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画

    alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画像の代替文字であるalt属性が表示されませんでした。 （ツールチップの事ではなく、非表示になった画像部分のスペースに、alt属性で記述した文字列が表示されない状態です。） IEでは[インターネットオプション]→[詳細設定]→[ダウンロードする画像のプレースホルダーを表示する]にチェックを入れるとalt属性が表示されるようになりましたが、Firefoxではそのような設定項目が見つかりません。 alt属性とtitle属性の両方を記述した場合、画像オフでalt属性が表示されないというのはFirefoxの仕様なのでしょうか？ もし表示させるようなFirefoxの設定がありましたら教えて下さい。 また、title属性を記述せずalt属性だけを記述した場合には、IE,Firefox共に画像オフでalt属性がきちんと表示されました。

    • ベストアンサー
    • HTML
  • アヴリルのファッションについて詳しい方

    http://images.search.yahoo.co.jp/bin/query?p=%A5%A2%A5%F4%A5%EA%A5%EB&n=5&b=53&c=image&rh=20&d=1&to=55 このアヴリルが着ているワンピース（？）はどこのブランドかご存知の方いらっしゃいますか？

  • alt-phpとea-phpどちらを選べば良い

    レンタルサーバーを使っていて、管理画面がcPanel。 PHPバージョン変更を行おうと思ったらプルダウンに表示されるバージョンがこんな感じになっています。 alt-php70 alt-php71 ea-php70 ea-php71 altとeaの違いは何ですか？ それと、通常はどちらを選ぶと良いですか？ お願い致します。

    • ベストアンサー
    • PHP
  • 女向けの可愛いブランド教えてください。

    女の子向けのブランドで、スポーティーな感じではなく 可愛い　コンセプトのメーカーブランド ご存知でしたら教えてください。

  • リンクのタイトルを表示させるには

    お世話になります。 http://cocomag.net/category/item/ 中央のアイテム画像の下に説明が出ているソースを見るとaタグのtitleをブラウザ上に表示させていました。 同様の効果を自サイトでしたいと思ったのですが私の解析能力ではhtml・CSS・JAVASCRIPTのどの部分で操作しているのかわかりません。 ワードプレスで制作されているようなのでJqueryか何かのプラグインかとも考えてググって調べてみたところ、いくつかのページでJAVASCRIPTでマウスオーバーのときにaタグのtitleを表示させるというのは発見できたのですが、最初からブラウザに表示させることが書かれているページに辿り着けず、行き詰って困っております。 スキルの高い諸先輩方ならお分かりになる方もおられると思い質問させて頂きました。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する