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

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

菁霏2023-01-25帝国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 就亮了！

本文标签：帝国cms功能开发

很赞哦！ ()

上一篇：帝国CMS会员中心模板中判断收藏夹是否有内容的方法

下一篇：帝国CMS调用当前栏目ID简单的方法！

图文教程

相关源码

(自适应)绿色园林建筑花卉园艺艺术模板免费下载为景观设计及园艺企业打造的响应式网站框架，基于PbootCMS系统开发，帮助传统园林行业建立现代化数字展示平台。采用标准DIV+CSS前端架构，代码精简无冗余。查看源码
(自适应响应式)HTML5电脑手机电子数码产品配件pbootcms模板下载本模板为电脑配件、手机配件及数码周边产品企业设计，基于PbootCMS内核开发。采用现代化响应式布局，适配各类移动设备，能够专业展示各类电子产品配件参数、应用场景和技术特点。模板内置多种产品展示模块，满足不同类型配件企业的展示需求。查看源码
(响应式)轴承机械五金零件产品pbootcms落地推广单页源码下载为轴承、机械零件等工业产品打造的响应式单页模板，基于PbootCMS内核开发，助力企业快速构建专业级产品展示页面。模板采用工业风设计语言，突出产品参数与性能优势，适用于设备制造商、零部件供应商等B2B场景推广。查看源码
(PC+WAP)蓝色弹簧针厂家探针充电连接器设备网站源码下载基于PbootCMS开发的响应式模板，为弹簧针、探针连接器等电子元器件企业设计。模板采用工业蓝主色调，突出产品技术特性，支持多维度展示连接器产品的规格参数与应用场景，帮助制造企业建立专业线上展示平台。查看源码
(PC+WAP)激光水幕音乐喷泉设备工程网站源码下载本模板基于PbootCMS系统开发，为喷泉设备工程类企业设计，特别适合展示音乐喷泉、激光水幕等水景艺术项目。采用响应式技术，确保各类工程案例在不同设备上都能呈现视觉效果。查看源码
(自适应)游泳馆泳池水处理器设备pbootcms网站模板免费下载专注服务于泳池水处理设备制造商、泳池系统工程商等企业用户。模板预设设备分类体系、技术参数展示模块和解决方案呈现页面，满足行业特有展示需求。查看源码