• ベストアンサー

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

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

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

  • ベストアンサー
  • wolfwood
  • ベストアンサー率50% (199/398)
回答No.1

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')">テスト2へ</A> <BR> <A name="a1" id="a1">テスト</A> <BR> <A name="a2" id="a2">テスト2</A> </BODY> </HTML>

s-holmes
質問者

お礼

回答ありがとうございました。 すばらしいですね。 これは素人ながら、内心、無理かなとも思っていたのですが、なんでもできるもんですね。 #ちょっと私のスキルでは無理 (^^; #サンプルの中身は理解できるが、自分で発想するには力不足。

関連するQ&A

専門家に質問してみよう