當(dāng)一個頁面有多個a標(biāo)簽，且點擊后會跳轉(zhuǎn)至當(dāng)前頁面，如何實現(xiàn)被點擊標(biāo)簽變色突出顯示，其他標(biāo)簽回復(fù)原色呢？

利用JS可實現(xiàn)：

假設(shè)當(dāng)前頁面是“1.aspx”

1. 給a標(biāo)簽ID設(shè)值：

復(fù)制代碼代碼如下:

 
<a href="1.aspx?id=1" id="1" target="_parent">""</a> 
<a href="1.aspx?id=2" id="2" target="_parent">""</a> 
<a href="1.aspx?id=3" id="3" target="_parent">""</a> 

2. 寫JS方法：

復(fù)制代碼代碼如下:

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

對于其他情況，如點擊a標(biāo)簽頁面不跳轉(zhuǎn)，則可以這樣寫：

復(fù)制代碼代碼如下:

 
<a href="#" onclick="changeCss(this)">""</a> 

<script> 
function changeCss(obj){ 
var alist = document.getElementsByTagName("a"); 
for(var i =0;i < alist.Length;i++){ 
alist[i].style.color = "#000"; //給所有a標(biāo)簽賦原色 
} 
obj.style.color = "#f00"; //令當(dāng)前標(biāo)簽高亮 
} 
//當(dāng)然也可以用Jquery的$("a").removeCss() 和addCss()來實現(xiàn) 
</script> 

您可能感興趣的文章: