Js實作目前點擊a標籤變色突顯其他a標籤回復原色_javascript技巧

當一個頁面有多個a標籤，且點擊後會跳轉至目前頁面，如何實現被點擊標籤變色突出顯示，其他標籤回復原色呢？

利用JS可實現：

假設目前頁是「1.aspx」

1. 給a標籤ID設定值：

複製程式碼 程式碼如下:

""
""
""

2. 寫JS方法：

複製程式碼 程式碼如下:

<script> <BR>&(document).ready(function(){ <BR>var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //取得id值<BR>var currtA = document.getElementById(id); //取得目前被點擊a標籤<BR>if(currtA != null) <BR>currtA.style.color = "#f00"; <BR>}); <BR></script>

其他情況，如點擊a標籤頁不跳轉，則可以這樣寫：

複製程式碼 程式碼如下:

程式碼如下:


""

<script> <BR>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"; //令目前標籤高亮</script>

} //當然也可以用Jquery的$("a").removeCss() 和addCss()來實作