多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
本节说明下导航菜单的高亮问题处理 上一节咱们已经把后台的菜单调用出来了 ![](https://img.kancloud.cn/5e/13/5e13bda7d3b4395cb588cc337b19a870_555x105.png) 但是看默认代码中还有个高亮问题没有说明,这里继续说明下 高亮就是当前访问的页面所在某个栏目时候,这个菜单显示出突出的效果,比如改变颜色,变粗等等 看系统模板中的代码: ![](https://img.kancloud.cn/2c/8f/2c8f3aae5c4a03c2a58f86b6aeaa1d9d_689x68.png)在volist循环体中有这段代码,if  rs\['activate'\] ... 这个rs调用的是什么呢,就是后台这里选项,后台菜单编辑 ![](https://img.kancloud.cn/7b/00/7b008ce937094112ebb4d320ffdf84f7_711x162.png) 变量 $menu\_choose 是什么呢,就是上节中php复制的代码 逻辑即是,如果当前 后台表单选项中的值等于当前页面所得到的值,那么我们就一个ck的类,这个css类可以附加一些特殊效果 我们把系统这段代码复制到我们的li标签里,这样: ![](https://img.kancloud.cn/15/a4/15a40a58318739d0f8e82509b0396669_692x125.png) 并且给css中ck的类加一个效果,变绿色,并加粗 ![](https://img.kancloud.cn/e3/f8/e3f8ea5a974d9381582b2dfff721f641_595x98.png) 我们点击到新闻资讯上,再看效果 ![](https://img.kancloud.cn/96/f7/96f79e2b71b57f88c3147aa3b1459d35_518x114.png) 这样一个导航菜单就结束了,你要是会HTML和css就可以做出各种酷炫的导航了