DEDECMS 開發技巧總結

DEDECMS 開發技巧總結

1.dedecms自帶的下拉二級菜單調用
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>主頁</a></li>
{dede:channel type='top' row='10' current}
<li><a href='[field:typeurl/]' [field:rel><span>[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
其中 type='top' 表示調用頂級欄目 row='10' 表示調用10個欄目數量 [field:rel/] 等同於dropmenu加上欄目id。此標簽是dedecms5.5加的，主要用於導航欄中顯示下級欄目，在使用下拉菜單的時候千萬不能去掉
{dede:channel type='top' row='10' current}可以根據自己的需求去掉current應該樣式這一部分然後我們打開/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&gt;基本不要再去修改它了，想要改變二級菜單的樣式只要修改相應的/templets/style/dedecms.css這裡面的幾行CSS代碼就行了