當一個頁面有多個a標簽,且點擊后會跳轉至當前頁面,如何實現被點擊標簽變色突出顯示,其他標簽回復原色呢?
利用JS可實現:
假設當前頁面是“1.aspx”
1. 給a標簽ID設值:
復制代碼 代碼如下:
<a href="1.aspx?id=1" target="_parent">""</a>
<a href="1.aspx?id=2" target="_parent">""</a>
<a href="1.aspx?id=3" target="_parent">""</a>
復制代碼 代碼如下:
<script>
&(document).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //取得id值
var currtA = document.getElementById(id); //取得當前被點擊a標簽
if(currtA != null)
currtA.style.color = "#f00";
});
</script>
復制代碼 代碼如下:
<a href="#">""</a>
<script>
function changeCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //給所有a標簽賦原色
}
obj.style.color = "#f00"; //令當前標簽高亮
}
//當然也可以用Jquery的$("a").removeCss() 和addCss()來實現
</script>
新聞熱點
疑難解答
圖片精選