例えば同一ページ内にリンクの設定されたテキストが２つあるとします。
テキスト1 →オンマウス時に赤
テキスト2 →オンマウス時に青
こういった事がやりたいのですがご存知の方居られましたら教えて頂きたいと思います。
No.1
142
15
100pt
idかclassを用いて、指定を分ければ可能ですよ。
同一ページ（ファイル）内で、
一ヶ所だけが『テキスト1→オンマウス時に赤』、
数ヶ所が『テキスト2→オンマウス時に青』、
それ以外に特定変更指定無しで良いリンクが複数ある場合、
ベースとなるaタグ指定の他に、
divやspan、liなど変更したい部分を囲むタグにidやclassを付け、
『div.class名指定 a:hover』、
『div#id名指定 a:hover』を記述するということです。
これで振り分け可能になります。
No.1
14215
ここでベストアンサー
100pt
idかclassを用いて、指定を分ければ可能ですよ。
同一ページ（ファイル）内で、
一ヶ所だけが『テキスト1→オンマウス時に赤』、
数ヶ所が『テキスト2→オンマウス時に青』、
それ以外に特定変更指定無しで良いリンクが複数ある場合、
ベースとなるaタグ指定の他に、
divやspan、liなど変更したい部分を囲むタグにidやclassを付け、
『div.class名指定 a:hover』、
『div#id名指定 a:hover』を記述するということです。
これで振り分け可能になります。
回答ありがとうございます。分かりやすく解説して頂き助かりました。おかげさまで無事解決しました。
No.2
1541
No.3
134321
50pt
56
56
<html>
<head>
<style TYPE="text/css">
<!--
a:hover.red{
color: red;
}
a:hover.blue{
color: blue;
}
-->
</style>
</head>
<body>
<a href="#" class="red">テキスト1 →オンマウス時に赤</a><br />
<a href="#" class="blue">テキスト2 →オンマウス時に青</a>
</body>
</html>
回答ありがとうございます。ソースまで掲載していただき分かりやすかったです。無事解決しました。
No.4
33931
50pt
サンプルソース
<html>
<head>
<style type="text/css">
<!--
a:hover.test {
color:red;
}
a:hover.test1 {
color:green;
}
a:hover.test2 {
color:blue;
}
-->
</style>
</head>
<body>
<a class="test" href="#">あ</a><br>
<a class="test1" href="#">い</a><br>
<a class="test2" href="#">う</a><br>
</body>
</html>
回答ありがとうございます。ソースまで掲載していただき分かりやすかったです。無事解決しました。
No.5
151
50pt
以下のような感じでいかがでしょうか。まだ私の経験が浅いもので、スマートな答えにはなっていないかもしれませんが・・・。動作確認はfirfox2.0.0.4でとりました。
<html>
<head>
<!--javascript部分-->
<script type="text/javascript">
function setcolor(obj,x) {
if (x == 0) { fgc = '';}
else if(x==1){ fgc = 'red';}
else if(x==2){fgc='blue';}
obj.style.color = fgc;
}
</script>
</head>
<body>
<!--CSS部分-->
<style>
a{
color:black
}
</style>
<a href="http://リンク先１" onmouseover="setcolor(this,1);" onmouseout="setcolor(this,0);">test1</a>
<br />
<a href="http://リンク先１" onmouseover="setcolor(this,2);" onmouseout="setcolor(this,0);">test2</a>
</body>
</html>
回答ありがとうございます。ソースまで掲載していただき分かりやすかったです。無事解決しました。
3
2
1
回答ありがとうございます。分かりやすく解説して頂き助かりました。おかげさまで無事解決しました。