导航：首页 > 服务器 >

怎么设置访问页面对应的标题高亮显示

发表于：2025-02-06 作者：千家信息网编辑

千家信息网最后更新 2025年02月06日，这篇文章将为大家详细讲解有关怎么设置访问页面对应的标题高亮显示，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。1 HTML点击(此处)折叠或打开文章动态

千家信息网最后更新 2025年02月06日怎么设置访问页面对应的标题高亮显示

这篇文章将为大家详细讲解有关怎么设置访问页面对应的标题高亮显示，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

1 HTML

点击(此处)折叠或打开

- 文章
- 动态
- 最新评论
- 热门
- 关注用户
- 粉丝
{% block user_content %} {% end %}

2 js
$(function(){
$_(window).on("load hashchange",function(){
$("#menu-list").find('a').each(function(){
var url = _window.location.protocol + '//' + _window.location.hostname + ':' + location.port
if (url + $(this).attr('href') == String_(window.location)) {
$(this).addClass("active");
}
});
});
});

3 css
.trigger-menu li a{
font-size: 15px;
font-weight: bold;
color: #a3a3a3;
}

.trigger-menu li a:hover {
box-shadow: 0 2px #3d3d3d;
color: #a6a6a6;
}

.trigger-menu .active {
box-shadow: 0 2px #3d3d3d;
color: #3d3d3d;
}