齐博x1第三季《模板风格的制作》系列012-导航的高亮处理

2020-09-01 作者:torylf 分类:教程 阅读:531

上一节咱们已经把后台的菜单调用出来了


但是看默认代码中还有个高亮问题没有说明,这里继续说明下

高亮就是当前访问的页面所在某个栏目时候,这个菜单显示出突出的效果,比如改变颜色,变粗等等


看系统模板中的代码:

在volist循环体中有这段代码,if  rs['activate'] ... 这个rs调用的是什么呢,就是后台这里选项,后台菜单编辑

变量 $menu_choose 是什么呢,就是上节中php复制的代码

逻辑即是,如果当前 后台表单选项中的值等于当前页面所得到的值,那么我们就一个ck的类,这个css类可以附加一些特殊效果

我们把系统这段代码复制到我们的li标签里,这样:

并且给css中ck的类加一个效果,变绿色,并加粗


我们点击到新闻资讯上,再看效果


这样一个导航菜单就结束了,你要是会HTML和css就可以做出各种酷炫的导航了




 标签: 模板制作
{{item.nickname}} @回复
发表于{{item.create_time}}

  • {{replyitem.nickname}} {{item.create_time}}
    @{{item.nickname}}

查看更多评论