织梦channel 频道标签currentstyle当前栏目高亮,无法应用于type=sun或son子分类中
2015-10-11 18:04
369 查看
织梦的channel 频道标签currentstyle可用于type=top或self兄弟分类上,没法用于子分类.
想让子分类也实现当前栏目高亮显示,只能手工列出所有类目.然后根据field;ID来判断.举例.比如下实现下面的侧边导航,其中,2,3,15分类为父类目.其它为子分类.代码如下
css如下
基本语法: {dede:channel type='top' row='8' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>"} <li><a href='[field:typelink/]'>[field:typename/]</a> </li> {/dede:channel}
想让子分类也实现当前栏目高亮显示,只能手工列出所有类目.然后根据field;ID来判断.举例.比如下实现下面的侧边导航,其中,2,3,15分类为父类目.其它为子分类.代码如下
css如下
.submenu a{padding:10px 20px;text-decoration:none;} .submenu li ul {display:none;} .submenu >li>a {font-weight:bold!important;} .active2 a{color:#e33;text-decoration:none;} .active3 >a{color:#e33;text-decoration:none;}
<ul class="nav nav-main submenu margin-top"> <li class="nav-head icon-caret-right"> Product classification</li> <li {dede:field name=id runphp='yes'}(@me=='1'||@me=='2'||@me=='8'||@me=='9'||@me=='10'||@me=='11'||@me=='13'||@me=='14')?@me=' class="active3"':@me='';{/dede:field}>{dede:type typeid=2}<a class="icon-chevron-circle-right" href="[field:typeurl /]"> [field:typename /]{/dede:type}<span class="arrow"></a> <ul {dede:field name=id runphp='yes'}(@me=='1'||@me=='2'||@me=='8'||@me=='9'||@me=='10'||@me=='11'||@me=='13'||@me=='14')?@me=" style='display:block'":@me='';{/dede:field}> <li {dede:field name=id runphp='yes'}(@me=='8')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=8}<a href="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li> <li {dede:field name=id runphp='yes'}(@me=='9')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=9}<a href="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li> </ul> </li> <li {dede:field name=id runphp='yes'}(@me=='3'||@me=='4'||@me=='5'||@me=='6'||@me=='7'||@me=='23')?@me=' class="active3" ':@me='';{/dede:field}>{dede:type typeid=3}<a class="icon-chevron-circle-right " href="[field:typeurl /]"> [field:typename /]{/dede:type}<span class="arrow"></a> <ul {dede:field name=id runphp='yes'}(@me=='3'||@me=='4'||@me=='5'||@me=='6'||@me=='7'||@me=='23')?@me=" style='display:block'":@me='';{/dede:field}> <li {dede:field name=id runphp='yes'}(@me=='4')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=4}<a href="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li> <li {dede:field name=id runphp='yes'}(@me=='5')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=5}<a href="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li> </ul> </li> <li {dede:field name=id runphp='yes'}(@me=='15'||@me=='16')?@me='class="active3"':@me='';{/dede:field}>{dede:type typeid=15}<a class="icon-chevron-circle-right " href="[field:typeurl /]"> [field:typename /]{/dede:type}<span class="arrow"></a> <ul {dede:field name=id runphp='yes'}(@me=='15'||@me=='16')?@me=" style='display:block'":@me='';{/dede:field}> <li {dede:field name=id runphp='yes'}(@me=='16')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=16}<a href="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li> </ul> </li> </ul>
相关文章推荐
- 区间合并 连续性问题 查询与第x个村相连的村子有多少个
- android 取消标题栏出错,程序崩溃的问题
- 循环移动
- 基于tcp的socket编程。
- ZOJ 5638——Prime Query——————【线段树区间更新,区间查询,单点更新】
- Android深入浅出之Binder机制
- c#创建、安装、卸载、调试windows服务的简单事例
- 抽象类和接口
- 【Python】Learn Python the hard way, ex24 函数综合练习
- 学习opencv(一)——扒一扒opencv中的一些基本数据类型
- 后缀数组
- 【转】Java学习之Iterator(迭代器)的一般用法 (转)
- 第五周信息安全系统设计基础学习总结 20135306 黄韧
- Ubuntu下的UNITY和GNOME界面
- 区间合并 内纯释放问题 hdu2871 Memory control
- 第20章 数据库函数库
- iOS中引用第三方类库的方法总结
- 【经典算法】:英文文章统计字符频率
- [机器学习] Adaboost算法流程及原理推导
- 关于搭建Tomcat服务器