您的位置:主页 > 织梦二次开发 >

dedecms自带导航下拉二级菜单调用方法

2016-05-05作者:伟伟来源:网络整理次阅读

dedecms自带有下拉菜单的功能,而且调用起来也非常的简单,使用dedecms自带的下拉导航菜单不用自己去另外找标签,我们只要简单的修改一下相应的/templets/style/dedecms.css这里面的几行CSS代码就行了
先打开/templets/default/head.htm找到dedecms的导航菜单调用那一段
CCS这里就不粘贴啦
<div id="navMenu">
<ul>
<li><a href='{dede:global.cfg_cmsurl/}/'><span>主页</span></a></li>
{dede:channel type='top' row='10' currentstyle="<li><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
<li><a href='[field:typeurl/]' [field:rel><span>[field:typename/]</span></a></li>
{/dede:channel}
</ul>
</div>
其中 type='top' 表示调用顶级栏目 row='10' 表示调用10个栏目数量 [field:rel/] 等同于dropmenu加上栏目id。此标签是dedecms5.5加的,主要用于导航栏中显示下级栏目,在使用下拉菜单的时候千万不能去掉
{dede:channel type='top' row='10' currentstyle="<li><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}可以根据自己的需求去掉currentstyle="<li><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"应该样式这一部分然后我们打开/templets/default/footer.htm找到调用dedecms调用二级下拉菜单的代码<!-- //二级子类下拉菜单,考虑SEO原因放置于底部 -->
<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>基本不要再去修改它了,想要改变二级菜单的样式只要修改相应的/templets/style/dedecms.css这里面的几行CSS代码就行了

凡本站注明“本站”或“投稿”的所有文章,版权均属于伟伟SEO或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。本站已授权使用的作品,应在授权范围内使用,并注明“来源:伟伟SEO”并附上链接。违反上述声明者,本站将追究其相关法律责任。

编辑:深圳网站优化公司 关键词: DedeCms

网友评论

博主推荐

图文聚集

热门排行

最新文章