ホームページ >
記事 > ウェブフロントエンド > Js は、ラベルの現在のクリックを実装して色を変更し、他のラベルをハイライトして元の color_javascript スキルに戻します。
Js は、ラベルの現在のクリックを実装して色を変更し、他のラベルをハイライトして元の color_javascript スキルに戻します。
- WBOYオリジナル
- 2016-05-16 17:12:111613ブラウズ
ページに複数の 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>
を実現することもできます。
声明:この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。