Js实现当前点击a标签变色突出显示其他a标签回复原色

用JS可实现：

 1 利用JS可实现：
 2 
 3 假设当前页面是“1.aspx”
 4 
 5 1. 给a标签ID设值：
 6 复制代码 代码如下:
 7 
 8 <a href="1.aspx?id=1" id="1" target="_parent">""</a>
 9 <a href="1.aspx?id=2" id="2" target="_parent">""</a>
10 <a href="1.aspx?id=3" id="3" target="_parent">""</a> 
11 
12 
13 
14 
15 
16 <script>
17 &(document).ready(function(){
18 var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //取得id值
19 var currtA = document.getElementById(id); //取得当前被点击a标签
20 if(currtA != null)
21 currtA.style.color = "#f00";
22 });
23 </script> 
24 
25 
26 
27 <a href="#" onclick="changeCss(this)">""</a>
28 
29 <script>
30 function changeCss(obj){
31 var alist = document.getElementsByTagName("a");
32 for(var i =0;i < alist.Length;i++){
33 alist[i].style.color = "#000"; //给所有a标签赋原色
34 }
35 obj.style.color = "#f00"; //令当前标签高亮
36 }
37 //当然也可以用Jquery的$("a").removeCss() 和addCss()来实现
38 </script>

posted on 2017-11-16 17:29 Sharpest 阅读(561) 评论(0) 收藏举报