帝國cms模板制作中的當(dāng)前欄目高亮功能
在帝國CMS模板制作中,當(dāng)前欄目導(dǎo)航高亮這個功能是很常見的,用PHP循環(huán)或者靈動標(biāo)簽循環(huán)是常規(guī)做法,當(dāng)然也可以用JS來做,這些方法墨魚稍后都會整理出來。今天墨魚就先說一個帝國模板制作中一個很簡單的方法實現(xiàn)當(dāng)前欄目高亮:
我們今天只用帝國默認(rèn)的[showclasstemp]標(biāo)簽+CSS實現(xiàn),此標(biāo)簽用法具體參考:
把高亮的CSS樣式寫入模板 用[showclasstemp] 標(biāo)簽輸出欄目列表
[!–self.classid–] 當(dāng)前欄目ID [!–classid–] 欄目ID
CSS高亮:
<style>
.this[!–self.classid–]
</style>
標(biāo)簽?zāi)0澹?/span>
<li class="this[!–classid–]"></li>
當(dāng)ID相同的時候 欄目就高亮了
比如當(dāng)前欄目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>