官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
导航的高亮处理
超级蜘蛛查
2024-02-28 16:40:27
11
本节说明下导航菜单的高亮问题处理 上一节咱们已经把后台的菜单调用出来了 ![](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就可以做出各种酷炫的导航了
本文链接:https://x1.wanxiangsucai.com/read/315.html
没有了后一页
齐博x1云标签插件-一..
其中20代表取标题多少个字, 为了排版需要,你不想要标题的话,可以换成字符,比如
上一页
上一篇:
下一篇:齐博x1云标签插件-一件提取关键词无法使用的解决办法
相关文章推荐
1.
导航菜单高亮设置
2.
011-加一个导航把系统后台的菜单调出
3.
前台后台地址跳转的处理
4.
登录提醒判断处理
5.
如何对自定义字段做特殊显示处理
6.
模板中常用的TP标签数据处理
7.
做模板组图单图无图混排的处理
8.
自定义字段多文件多图的显示处理
9.
导航的高亮处理
齐博X1教程专栏最新文章
1.
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
2.
齐博x1云标签插件-一件提取关键词无法使用的解决办法..
3.
关于thinkphp5
4.
齐博X1更新记录
5.
解决Web部署 svg/woff/woff2字体 404错误
6.
云市场注意事项
7.
如何调取当前模块ID
8.
URL伪静态设置
9.
QQ登录接口配置
10.
邮箱接口设置之QQ企业邮箱
齐博X1教程专栏文章推荐
1.
商业模块仅限一个国际域名使用
2.
搜索结果调用其他字段的办法
3.
对接小程序设置
4.
邮箱接口设置之QQ普通邮箱
5.
004-系统设置之会员注册
6.
巧用字段后面js属性来获取表单内容
7.
滑动门+下滑加载更多详细图解
8.
通用内容数据调取及发布与点赞相关接口
9.
任意位置调用万能表单的方法 顺便借楼说下purl的作用..
10.
内页调用本栏目其它内容
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱