掲示板/総合質問板/過去ログ/一覧/ 同じページ内で特定のリンクのみオンマウスで下線を表示したい

0 名前： 待つ子 ： 2007/07/28（土） 22:53 ID:7CRN.sep sub-3e: いつもありがとうございます。今回は、リンクについてです。

ページ内は通常の青いリンク下線が付いた状態にしておきます。
特定のリンクAについては、初めリンク下線を表示しない状態にしておき、オンマウスのときだけ下線を表示したい。
特定のリンクBについては、オンマウスで下線を消したい。
特定のリンクCについては、オンマウスで囲み線を表示したい。

スタイルシートで下線を非表示にすると、すべての下線が消えてしまいますので、これでは困るのです。
特定のリンクだけ背景色変更は、
<SPAN onmouseover="this.style.background='#FFFF00'";SPAN onmouseout ="this.style.background='#FFFFFF'">
<a href="haru.htm">春</a>
で、なんとかなりましたが、下線についてthis.style.background='#FFFF00の部分に色々入れてみるのですが、入れ方が分かりません。よろしくお願いします。

1 名前：匿名： 2007/07/28（土） 22:53 ID:pnkO656s sub-Cl

CSSは駄目なの？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<title>リンク下線サンプル</title>
<style type="text/css">
.a{
	text-decoration: none;
}
.a:hover{
	text-decoration: underline;
}
.b:hover{
	text-decoration: none;
}
.c{
	margin: 1px;
}
.c:hover{
	border-style: solid;
	border-width: 1px;
	margin: 0;
	text-decoration: none;
}
</style>
<p><a href="linka" class="a">リンクA</a></p>
<p><a href="linkb" class="b">リンクB</a></p>
<p><a href="linkc" class="c">リンクC</a></p>

2 名前： オリゴ ： 2007/07/28（土） 22:53 ID:7CRN.sep sub-3e: 匿名様　作っていただいて、申し訳ありません。

スタイルシートでclass="a"を2つ設定しておけばいいのですね。
aに1つ、bに1つ、と、凝り固まっていたようです。

勉強になりました。ありがとうございました。
これからもよろしくお願いします。

3 名前： 待つ子 ： 2007/07/28（土） 22:53 ID:7CRN.sep sub-3e: お礼の名前を書き間違えてしまいました。

待つ子です。今後ともよろしくお願いします。