ページに複数の a タグがあり、クリックすると現在のページにジャンプします。クリックされたタグが色を変えて強調表示され、他のタグは元の色に戻るにはどうすればよいですか?
JS を使用して次のことを実現します。
現在のページが "1.aspx" であるとします。
1. タグ ID の値を設定します:
2. JS メソッドを作成します:
<script> 🎜>&(document).ready (function(){ <br>var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //ID 値を取得します<br>var currtA = document.getElementById(id); //現在クリックされているタグを取得します <br>if(currtA != null) <br>currtA.style.color = "#f00">}); </script>
ジャンプせずにタグ ページをクリックする場合など、次のように記述できます:
<script> <div class="codebody" id="code77567">function changeCss(obj){ <br>var alist = document.getElementsByTagName("a"); <br>for(var i =0;i < alist.Length;i ){ <br>alist[i].style.color = "#000"; //すべての a タグに基本色を割り当てます<br>} <br>obj.style.color = "#f00"; current tag<br>} <br>//もちろん、Jquery の $("a").removeCss() と addCss() を使用して <br></script>
を実現することもできます。