您现在的位置是:首页 > 教程 > 帝国CMS教程帝国CMS教程

帝国CMS模板制作中的当前栏目高亮的方法

菁霏2023-01-25 18:52:57帝国CMS教程已有人查阅

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

在帝国CMS模板制作中,当前栏目导航高亮这个功能是很常见的,用PHP循环或者灵动标签循环是常规做法,当然也可以用JS来做,这些方法小编稍后都会整理出来。今天小编就先说一个帝国模板制作中一个很简单的方法实现当前栏目高亮:
我们今天只用帝国默认的[showclasstemp]标签+CSS实现,此标签用法具体参考:
把高亮的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 就亮了!

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

相关标签