オンマウス時の背景色を個別に設定したい

解決済

質問者：kasyle
質問日時：2006/01/15 06:45
回答数：4件

ごめんなさい。
前にも質問して、回答をいただいて、納得して締め切ったはずの質問が、いざコーディングしてみると動きませんでした。反省しています。やはりちゃんと動くのを確認してからでないと駄目ですね。ということでもう一度同じ質問を出します。ご容赦願います

マウスを乗せると背景色が変わる仕組みは、たしかa=hoverで可能でしたよね。

そこで問題が発生しました。
私は今サイトを作っていて、左側のメニューバーについてはマウスを乗せると背景色が変わるリンクにしたいんですが、普通の文章中に出てくるリンクについてはそういう仕様から外したいんです。

でもa=hoverを使うと全てのリンクに同じ設定が適合されてしまいますよね？CLASSで個別に設定しようとしても無理でした。どうすればいいですか？

そこでJAVASCRIPTというものを利用して、マウスを乗せるとその文字背景（もしくはボックス内の背景）が
変わる仕組みを実現できるはずなんですが、具体的なソースコードは知りませんかね？できればボックスごとのオンマウス時の背景色を設定できるようにしたいです

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： since1983
回答日時：2006/01/15 07:33

コレじゃあダメですか？

<HTML>
<HEAD>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<P><A href="http://www.google.co.jp/">背景色の変わるリンク</A></P>
<P><A href="http://www.google.co.jp/" style="background-color : #ffffff;">普通のリンク</A></P>
</BODY>
</HTML>

- 0
- 件

通報する

No.4

回答者： steel_gray
回答日時：2006/01/15 09:08

やり方については他の方の回答にありますので、うまくいかなかった場合。

http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
↑HTMLの検証サービス
http://www.htmlhelp.com/tools/csscheck/
↑CSSの検証サービス(英語)

等を使用してうまくいかないページをチェックしてみるといいかもしれません。

またFirefoxの「Javascriptコンソール」ではJavascriptだけではなくCSSのエラーも検出してくれます。
http://www.mozilla-japan.org/products/firefox/
↑Firefox

- 0
- 件

通報する

この回答へのお礼

みなさんありがとうございました
クラスの宣言の順番が逆だったみたいですね
解決いたしました

通報する

お礼日時：2006/01/15 18:39

No.3

回答者： cyokokichi
回答日時：2006/01/15 08:28

<html>

<head>
<title>aaa</title>
<style type="text/css">

</style>
</head>
<body>
<div class="menu">
<a href="***">aaa</a>
</div>
<div class="content">
<a href="***">aaa</a>
</div>
<div class="footer">
<a href="***">aaa</a>
</div>
</body>
</html>

javascriptで背景色を個別に指定する。
<a href="**.html" OnMouseOver="this.style.backgroundColor='#??????';" OnMouseOut="this.style.backgroundColor='#******';">aaa</a>

参考URL：http://www.nextindex.net/web/CSS/selector.html