在帝国CMS模板制作中,当前栏目导航高亮这个功能是很常见的,用PHP循环或者灵动标签循环是常规做法,当然也可以用JS来做,这些方法稍后都会整理出来。今天就先说一个帝国模板制作中一个很简单的方法实现当前栏目高亮:

我们今天只用帝国默认的[showclasstemp]标签+CSS实现,此标签用法具体参考:

简单的方法实现帝国CMS模板制作中的当前栏目高亮功能

把高亮的CSS样式写入模板  用[showclasstemp] 标签输出栏目列表

[!--self.classid--] 当前栏目ID  [!--classid--] 栏目ID

CSS高亮:

<style>

.this[!--self.classid--]

</style>

标签模板:

<li class="this[!--classid--]"></li>

当ID相同的时候 栏目就高亮了

比如当前栏目ID为6  那么CSS样式为:

<style>

.this6

</style>

栏目列表则为:

<li class="this1"></li>

<li class="this2"></li>

<li class="this3"></li>

<li class="this4"></li>

<li class="this5"></li>

<li class="this6"></li>

那么栏目6  就亮了!

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5