网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

织梦一二级导航菜单被点击顶级栏目高亮(加class)解决方法

作者:Smileby陌少羽 | 2018-06-23 14:28 |点击:

织梦一二级导航菜单被点击的栏目高亮显示方法详解,废话不多说直接举例说明:
织梦一级菜单被点击栏目高亮调用方法:
{dede:channel typeid ='1'  type ='son' currentstyle="<li class='on'><a href='~typelink~'>~typename~</a></li>"}
<li><a href='[field:typeurl/]'>[field:typename/]</a></li>
{/dede:channel}
*注:对当前栏目列表设置了class='on',可以通过css样式为其设置背景图片或颜色,从而达到栏目高亮的效果。
首页判断是否添加class 调用方法:
 <li><a {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='on'":@me="";{/dede:field} href="{dede:global.cfg_basehost/}">网站首页</a></li>
*注:首页判断是否添加class='on'属性
织梦二级菜单被点击栏目高亮调用方法:
       第一步:因为织梦默认dede:channelartlist标签是不支持currentstyle属性的,所以接加下先修改channelartlist.lib.php
               1:打开include\taglib\channelartlist.lib.php,找到$pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]);
               2:替换成如图所示:
                      $pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]);
                      if($typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['id'] || $typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['topid'] ){  
                         $pv->Fields['currentstyle'] = $currentstyle ? $currentstyle : 'navOn';  
                          }  
                        else{  
                        $pv->Fields['currentstyle'] = '';  
                         }  

注意:以上代码 
 $pv->Fields['currentstyle'] = 'xx';  (上面代码的倒数第二行)   里面的 xx需要换成 平常普通的样式   不然普通的样式看起来会出错

可以参考:
dede让channelartlist标签支持currentstyle属性 完美解决

 
    第二步:前台调用:
     {dede:channelartlist typeid='top' currentstyle='on' } 
           <li><a  class="{dede:field.currentstyle/}" href="{dede:field name='none'/}" >{dede:field name='typename'/}</a>
              <ul>{dede:channel type='son' noself='yes'}    
                 <li><a href="[field:typelink/]" >[field:typename/]</a></li>
               {/dede:channel}
              </ul>
           </li>
      {/dede:channelartlist} 


如果 {dede:field name='none'/}调用不了 就用以下标签

{dede:field name='typeurl'/}


*注:生成栏目,循环出的顶级栏目li会有一个class=“on”的属性。页面效果如图所示:
如没特殊注明,文章均为狐灵科技原创,转载请注明   "织梦一二级导航菜单被点击顶级栏目高亮(加class)解决方法
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218