アンカーをクリックしたときに色を変える方法

解決済

質問者：s-holmes
質問日時：2002/10/17 07:04
回答数：1件

たとえばページ中の
<A NAME="news"></A>
というリンクをクリックすると「news」の場所にジャンプしますね。そのようなアンカーがたくさんあるとします。ジャンプしたときに、その場所のタイトルなりの文字色を変えて目立つようにするワザはないでしょうか。

＃項目が多いとどこにジャンプしたのかわかりにくいので。

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： wolfwood
回答日時：2002/10/17 11:54

IE限定ですが、サンプルを書いてみました。

参考にしてください。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
//リンクの数を設定
var num = 2;
//指定する色
var c_color = "#00FFFF";

//リンクした文字の背景色を変更
function test(ob){
del();
aa = new Object(eval(ob));
aa.style.background=c_color;
}
//他のリンクの背景色を初期化
function del(){
for(var i=1;i<=num;i++){
bb = new Object(eval("a"+i));
bb.style.background="transparent";
}
}

</SCRIPT>
</HEAD>
<BODY>
<A href="#a1" onClick="test('a1')">テストへ</A>
<A href="#a2" onClick="test('a2')">テスト２へ</A>
<BR>
<A name="a1" id="a1">テスト</A>
<BR>
<A name="a2" id="a2">テスト２</A>
</BODY>
</HTML>