有些事情就是这样，很可能事实很简单，但是迷雾中的我们确实很难弄清楚来龙去脉，只能搞清楚了才能恍然大悟。今天要说两个问题，一个是导航的下拉框，一个是导航的高亮显示。这两个问题现在看，用织梦来做的话很简单，但是以前确实不容易，我也找了一些代码，但是总是很麻烦，织梦就有现成的，用织梦的朋友可以高兴了。
首先说第一个，导航下拉框。
<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/}" class="dropMenu">
{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>
把上面的代码放到footer.htm中，据说是为了seo，我想是有好处的。这样其实就已经成功了，但是有一个背景图片需要修改一下。在织梦后台图片文件中，就是/dede/images/中有一个图片mmenubg.gif。复制到/templets/default/images下面，然后运行，下拉框就有了背景，如果不合适可以根据我们的需求修改。另外如果要修改相应的css，可以查看源码，然后找到相应的id或者class，在dedecms.css作出修改。
织梦导航高亮制作
这个其实比较简单。我们随便打开一个织梦做的网站，随便点击一个栏目，然后查看源码就能发现。如下图是点击了产品展示这个栏目，查看源码的截图。
织梦导航源码
大家可以看红框中的代码，就会发现，点击栏目之后，相应栏目就会出现一个class=hover，所以，只要我们定义一个.hover的格式就可以了。这样有一个问题，就是首页不会自己亮，只有点击了首页他才会出现高亮。所以，这儿我们也是要修改一下的。
<div id="menu">
<ul>
<li {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='menu_on'":@me="";{/dede:field}><a href="/">网站首页</a></li>
{dede:channel type='top' row='8' currentstyle="<li 'menu_on'><a href='~typelink~' >~typename~</a> </li>" }
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
这样我们对首页修改了一下，然后就把问题解决了。所以，大家可以把head中的导航代码改成上面的代码，然后测试一下。值得注意的是，这是我们要定义的就是.menu_onde 格式了。好了，今天就说这些了
如果本篇文章帮到了你，那么，请点击右侧的百度分享，让我们一起帮助更多的朋友！
