• ベストアンサー

ホームページ作成中です。HTMLで次のようにしたいです。

ホームページ作成中です。HTMLで次のようにしたいです。 1.[aa.jpg]と色を反転させた[bb.jpg]が用意してあります。 2.[aa.jpg]にマウスを当てると、ホームページ上で[bb.jpg]に変わり、 3.[aa.jpg]に貼ったリンク先に遷移する というものです。 よく見かけますが、どういうタグを使っていいのか分からないです。 どうぞ、よろしくお願いします。

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

  • ベストアンサー
回答No.1

そのサイトを表示させ、IEなら、そのページをクリックしてから、右クリックでメニューがでるので、「ソースの表示」でソース(HTML文)が見れるので、それを参考にするといいでしょう。 なぜ上記を進めるかと言うと、その機能のやり方は行く通りもあるので、どこから説明していいのやらと悩みますね。 通常リンクは<A>タグですよね。それは分かりますか? リンクの属性のつけ方でも変化させる事ができるし、CSSを使うほうもあります。またJavaScriptを使う方法もあるので、まずあなたが、このようにしたいと思うホームページにいって、そのやり方を盗みましょう。それでできなかったら又質問してください。

tokyojin
質問者

お礼

回答ありがとうございます。 <a href>は分かります。ソースもみていますが、真似てもうまくいかないです。 いろいろやってみます。 うまくできたら嬉しいです。 また、質問したらよろしくお願いします。

その他の回答 (2)

noname#140082
noname#140082
回答No.3

「javascript ロールオーバー」や「CSS ロールオーバー」などで検索するといろいろと出てきます。 とりあえず、トップのもののURLを掲載しておきます。 「javascript ロールオーバー」で検索 http://css-happylife.com/log/javascript/000157.shtml 「CSS ロールオーバー」で検索 http://hac-design.com/css/rollover.html

  • hana-hana3
  • ベストアンサー率31% (4940/15541)
回答No.2

>よく見かけますが、どういうタグを使っていいのか分からないです。 興味があるなら、サイトのソースを読むと簡単に解る場合がありますよ。 >2.[aa.jpg]にマウスを当てると、ホームページ上で[bb.jpg]に変わり、 JavaScriptでは「マウスオーバー」というイベントになります。 適当なサイトで、基本的な勉強をしてください。 先の方が提示したようにCSSで作成されている場合もあるので、確認しましょう。

関連するQ&A