[英]change the color of the link of the same menu in another page when you click on a link of a page
单击页面的链接时,如何更改另一个页面中同一菜单的链接的颜色?
这是主页,帮助页面和联系页面中的菜单:
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/help">Help</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
/ *访问之前链接* /
nav ul li a {
color: #000;
}
/ *在* /之后
nav ul li a:visited {
color: #00ff78;
}
访问的菜单中的所有链接都是相同的颜色,但是我希望活动链接仅更改颜色。
尝试这个:
nav ul li a:hover {
color: hotpink;
}
/* selected link */
nav ul li a:active {
color: blue;
}
请尝试此代码。
JQUERY
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$('body').on('click','nav a',function() {
$(this).addClass("active");
$(this).parent().siblings().find('.active').removeClass();
});
</script>
的CSS
a.active {
color: red;
}
这应该工作:
nav ul li a {
color: #000;
}
nav ul li a:active{
color: #00ff78;
}
如果您只希望当前页面的链接,则需要使用active,访问过的链接将永久触发先前使用的任何链接。
如果我单击“主页”,则将在所有其他页面中激活主页菜单
帮助页面和联系页面相同
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.