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如何设置导航默认展开和菜单栏选中高亮效果

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


网页标题:Layui如何设置导航默认展开和菜单栏选中高亮效果
本文来源:http://csdahua.cn/article/jpehoo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流