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

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

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

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


欢迎分享,(木庄网络博客交流QQ群:562366239

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论