帝國cms模板制作中的當前欄目高亮功能
在帝國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>