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

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

<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" />

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

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