时间:2021-05-26
当一个页面有多个a标签,且点击后会跳转至当前页面,如何实现被点击标签变色突出显示,其他标签回复原色呢?
利用JS可实现:
假设当前页面是“1.aspx”
1. 给a标签ID设值:
复制代码 代码如下:
<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方法:
复制代码 代码如下:
<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标签页面不跳转,则可以这样写:
复制代码 代码如下:
<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标签赋原色
}
obj.style.color = "#f00"; //令当前标签高亮
}
//当然也可以用Jquery的$("a").removeCss() 和addCss()来实现
</script>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了Vue实现导航栏点击当前标签变色功能的具体代码,供大家参考,具体内容如下1.效果2.所有代码{{item.time}}{{item.star
用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,我有个数组a(1,2,3,我循环遍历输出a的值。复制代码代码如下:a[0]
本文实例讲述了JQuery标签页效果实现方法。分享给大家供大家参考,具体如下:第一个标签页中鼠标滑过显示不同的标签页,第二个标签页中点击不同标签加载其他页面中的
Tkinter实现UI分页标签显示:Input页,红色部分为当前Frame的位置,下半部分为第一页的子标签;三页标签的显示内容各不相同。实现分页显示的核心组件为
实现点击按钮使当前按钮高亮,其他按钮复原的效果实现思路•在data中定义即将渲染的数据,及activedata(){return{wpList:[{