dede调取二级栏目(二级菜单)以及如何标识dede当前currentstyle样式

鼠标移到一级栏目显示二级栏目,是网站常见的表现形式,那么dede里是如何调取的呢?另外,如何给当前栏目加currentstyle样式?

 一级导航下调取二级导航(子导航)的方法:

一、修改dede的php动态文件:

打开include/taglib/channelartlist.lib.php文件,找到:

  1. $pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]); //大概在第93行 

在底下加入关键代码:

  1. if($typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['id'] || $typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['topid'] ){ 
  2.     $pv->Fields['currentstyle'] = $currentstyle ? $currentstyle : 'curr';//此处curr为css样式名称,即鼠标移上去后的标识 
  3. else
  4.     $pv->Fields['currentstyle'] = ''

注意:dede默认的导航currentstyle在调取了二级导航后是没效果的,因此需要以上操作!

二、head.htm公共模板文件里加入导航代码:

  1. <ul id="mainNav" class="clearfix fl"> 
  2.     <li {dede:field name=typeid runphp="yes"}(@me=="")?@me=" class='curr'":@me="";{/dede:field}><a href="{dede:global.cfg_cmsurl/}/">久久经验网首页</a></li> 
  3.     {dede:channelartlist typeid='top' row='10' currentstyle='curr'
  4.     <li class="{dede:field.currentstyle/}"><a href="{dede:field.typeurl/}">{dede:field.typename/}</a> 
  5.         <span class="sub"> 
  6.             {dede:channel type='son'
  7.             <a href="[field:typeurl/]" title="[field:typename/]">[field:typename/]</a> 
  8.             {/dede:channel} 
  9.         </span> 
  10.     </li> 
  11.     {/dede:channelartlist} 
  12. </ul> 

三、dedecms后台更新网站

效果:

鼠标移到本站“久久经验网”的主导航【web技术】上可以看到效果!

当然,仅仅dede标签调取了二级导航还不够,需要js才能展示动画下拉效果,本站的js:

  1. //久久经验网的JS导航效果代码 
  2.     $navNode = $("#mainNav li"); 
  3.     $navNodeSub = $navNode.find('.sub'); 
  4.     $navNodeSub.each(function(){ 
  5.         $(this).find('a').length == 0 ? $(this).remove() : ''
  6.     }) 
  7.     $navNodeSub.css({top:-200+'px'}); 
  8.     $navNode.mouseover(function(){ 
  9.         $(this).find('.sub').stop(false,false).animate({ 
  10.             top:74+'px' 
  11.         },500);  
  12.     }).mouseout(function(){ 
  13.         $(this).find('.sub').stop(false,false).animate({ 
  14.             top:-200+'px' 
  15.         });  
  16.     }) 

导航相关的css样式根据自己网站的风格添加即可。

 

 

相关经验

导读书签
书签初始化中…