html – 如何在母版页菜单中突出显示活动页面？

发布时间：2020-12-14 18:49:26 所属栏目：资源来源：网络整理

导读：我在母版页(ASP.NET网站)中有一个菜单,我想在母版页菜单和子菜单中突出显示活动页面. HTML： ul id="nav" class="sf-menu" li class="current-menu-item"a href="index.html"Home/a/li lia href="page.html"menu-2/a ul lia href="page-full.html"full/a/li

我在母版页(ASP.NET网站)中有一个菜单,我想在母版页菜单和子菜单中突出显示活动页面.

HTML：

<ul id="nav" class="sf-menu">
    <li class="current-menu-item"><a href="index.html">Home</a></li>    
    <li><a href="page.html">menu-2</a>
       <ul>
          <li><a href="page-full.html">full</a></li>
          <li><a href="page-features.html">featurs</a></li>
          <li><a href="page-typography.html">typography</a></li>
       </ul>
    </li>
</ul>

CSS：

#nav>li.current-menu-item>a,#nav>li.current_page_item>a{
    color: #fe8300;
}

提前致谢.

解决方法

最后我用jQuery解决了我的问题：

var str=location.href.toLowerCase();
    $("#nav li a").each(function() {
        if (str.indexOf($(this).attr("href").toLowerCase()) > -1) {
            $("li.current-menu-item").removeClass("current-menu-item");
            $(this).parent().addClass("current-menu-item");
        }
    });
    $("li.current-menu-item").parents().each(function(){
        if ($(this).is("li")){
            $(this).addClass("current-menu-item");
        }
    });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!