當一個頁面有多個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()來實作