- ベストアンサー
アンカーをクリックしたときに色を変える方法
たとえばページ中の <A NAME="news"></A> というリンクをクリックすると「news」の場所にジャンプしますね。そのようなアンカーがたくさんあるとします。ジャンプしたときに、その場所のタイトルなりの文字色を変えて目立つようにするワザはないでしょうか。 ＃項目が多いとどこにジャンプしたのかわかりにくいので。
- s-holmes
- お礼率47% (767/1609)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （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')">テスト２へ</A> <BR> <A name="a1" id="a1">テスト</A> <BR> <A name="a2" id="a2">テスト２</A> </BODY> </HTML>
お礼
回答ありがとうございました。 すばらしいですね。 これは素人ながら、内心、無理かなとも思っていたのですが、なんでもできるもんですね。 ＃ちょっと私のスキルでは無理 (^^; ＃サンプルの中身は理解できるが、自分で発想するには力不足。