js实现了当前点击一个标签变色,以突出其他标签回到原来的颜色。

当一个页面有多个标签,点击后,它会跳转到当前页面。我们如何实现点击标签的颜色变化,突出其他标签来还原原来的颜色

js的使用可以实现:

假设当前页1.aspx

1。设置标签id的值:
复制代码代码如下所示:




2。编写JS方法:
复制代码代码如下所示:

(文档)Ready(函数(){())
var id = windows.ulr.substring(windows.ulr.indeof(ID),1) / / ID值
无功currta = document.getelementbyid(ID); / /获取当前点击一个标签
如果(currta!= null)
currta.style.color =# F00 ;
});


对于其他情况,如单击标签页,可以用这种方式编写:
复制代码代码如下所示:



功能changecss(obj){
var list = document.getelementsbytagname();
对于(var i = 0;i <清单。长度;i++){
一{我}。style.color =# 000 ; / /所有标签指定颜色
}
obj.style.color =# F00 ; / /突出当前标签
}
当然,你也可以使用jQuery / $()(。removecss)和addcss()来实现