Layui如何设置导航默认展开和菜单栏选中高亮效果

这篇文章主要介绍Layui如何设置导航默认展开和菜单栏选中高亮效果，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联公司服务项目包括安定网站建设、安定网站制作、安定网页制作以及安定网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，安定网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到安定省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

如下所示：

     
      宣传教育
       
        
         /content/jctt',icon:'',title:'基层头条',id:'73'}">基层头条
        
        

         /content/dyxf',icon:'',title:'党员先锋',id:'74'}">党员先锋
        
        

         /content/wdk',icon:'',title:'微党课',id:'75'}">微党课
        
        

         /content/remote_education',icon:'',title:'远程教育',id:'76'}">远程教育
        
        

         /constant/ad',icon:'',title:'广告轮播',id:'77'}">广告轮播
        

       
      

      每日一学
       
        

         /content/mryx_type',icon:'',title:'学习类型管理',id:'200'}">学习类型管理
        
        

         /content/mryx',icon:'',title:'知识点管理',id:'201'}">知识点管理
        
        

         /content/mryx_publish',icon:'',title:'发布记录列表',id:'202'}">发布记录列表
        
       
      
      每月一考
       
        

         /content/quest_type_index',icon:'',title:'题库类型',id:'80'}">题库类型
        
        

         /content/quest_index',icon:'',title:'考题管理',id:'81'}">考题管理
        
        

         /content/quest_model_index',icon:'',title:'考卷模板',id:'82'}">考卷模板
        
        

         /content/exam_index',icon:'',title:'考卷管理',id:'83'}">考卷管理
        
        

         /content/record_index',icon:'',title:'考试记录',id:'84'}">考试记录
        
       
     
  

在第一个宣传教育li中添加class为layui-nav-itemed，以及在第一个dd中添加class为layui-this。

效果展示如下：

以上是“Layui如何设置导航默认展开和菜单栏选中高亮效果”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！