首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:12:11
原創
1612 人瀏覽過

當一個頁面有多個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()來實作
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板