数码资讯
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()来实现
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()来实现
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。