设置当前页面导航选中样式

导航菜单公共页关键代码：

<script type="text/javascript">
    $(function () {
        var flag = $("#header-navbar").attr("name");
        $("#" + flag).css("color", "#ff9933");
    })
</script>

给导航各链接设置ID

<a id="index" href="index.aspx">首页</a>
<a id="list" href="list.aspx">列表页</a>

在对应的页面上设置隐藏的标记：

<input type="hidden" id="header-navbar" name="index" />

大功告成。效果可参照本站的导航选中。

相关阅读 >>

设置当前页面导航选中样式

更多相关阅读请进入《导航选中》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 设置当前页面导航选中样式