天兴工作室

最近在折腾dedecms在，其实dedecms的坑比zblog还多，模板全部是htm的不能直接写php代码，要增加个啥php功能全部得写成函数，系统自带的函数在很多时候是根本不够用的，so...

今天搞了一个一级栏目调用当前栏目下的二级栏目和三级栏目功能，先直接上代码：

{dede:channelartlist}
<li>
<span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span> //二级栏目
{dede:channel type='son' noself='yes'}<a href="[field:typeurl/]">[field:typename/]</a> {/dede:channel} //三级栏目
</li>
{/dede:channelartlist}

坑爹的地方在于这个代码只能在一级栏目模板下使用，在二级栏目和三级栏目中你想调用顶级栏目或者上级栏目列表根本没有现成的代码可以用，只能二次开发。

另外二次开发的东西就不分享出来了，毕竟收钱干的活。

天兴通讯主站用的是dedecms，栏目分类很多，有很多二级栏目。今天突然心血来潮准备把这些二级栏目搞一个下拉菜单，dedecms之前的版本是自带这个功能的，后来不晓得为什么新版本就把这个功能取消掉了，但是js文件和css都还在，于是百度之。

出来的搜索结果打开一看全都是一模一样，很明显全是是转载的。（我起码看了20篇左右，真的是一模一样啊，一个字没改的，汗！）

我个人整理的方法步骤如下：

第一步：在模板文件夹里面找到“footer.html”文件，在里面任意位置加上这些代码：

<script type=’text/javascript’ src=’{dede:global.cfg_cmsurl/}/images/js/dropdown.js’></script>
{dede:channelartlist typeid=’top’ cacheid=’channelsonlist’}<ul id=”dropmenu{dede:field.typeid/}”>
{dede:channel type=’son’ noself=’yes’}  <li><a href=”[field:typelink/]“>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
<script type=”text/javascript”>cssdropdown.startchrome(“navMenu”)</script>

第二步：如果你修改了dedecms默认的css文件“dedecms.css”，那么你必须保证css里面有以下css代码：

.dropMenu{position:absolute;top:0;z-index:100;width:80px;visibility:hidden;margin-top:-1px;border:1px solid #036;border-top:0 solid #3CA2DC;background-color:#FFF;padding-top:6px;padding-bottom:6px;}.dropMenu li{margin-top:2px;margin-bottom:4px;padding-left:0;}.dropMenu a{width:auto;display:block;color:#000;padding:2px 0 2px 1.2em;}* html .dropMenu a{width:100%;}.dropMenu a:hover{color:red;text-decoration:underline;}

第三步：更新首页看一下，效果已经出来了，然后只需根据自己的页面需求修改css即可。

如果你刷新了还是没有出现效果，那么你肯定是和我一样修改了导航部分的代码。经过我研究了半天发现了其实是这样的：

1、首先你要确定你的导航代码是这样的

{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"} <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li> {/dede:channel}

2、同时还要确定你导航必须要放在一个id为“navMenu”的div里面，class可以自己定义。

3、要确保你网站有这个js文件“/images/js/dropdown.js”。

好了，确保上面三点后你的下拉菜单绝对出来了对不对？如果还没有出来！请自行研究或者测试下你的人品。