dedecms 下拉菜单

最新推荐文章于 2022-05-12 08:52:59 发布

weixin_30881367

最新推荐文章于 2022-05-12 08:52:59 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/smallpigdream/p/3870380.html

dedecms 下拉菜单非常灵活，非常强大，也非常好用，支持二级下拉菜单，此外，通过使用 dede:sql 也可以实现复杂的三级下拉菜单。

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>

dedecms 三级下拉菜单：

<!-- //二级子类下拉菜单，考虑SEO原因放置于底部  -->
<script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>
<div class="dropMenu" id="dropmenu1">
    <table>
    {dede:channelartlist typeid=1}
        <tr>
            
            <td valign="top">
                <strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong>
            </td>
            
            {dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id'}
            <td><a href='[field:typedir/]' target='_blank'>[field:typename/]</a></td>
            {/dede:sql}
        </tr>
        {/dede:channelartlist}
    </table>
</div>

<div class="dropMenu" id="dropmenu4">
    <table>
        <tr>
            {dede:channelartlist typeid=4}
            <td valign="top">
            <span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span>
            <ul>
            {dede:sql sql='Select * from dede_arctype where reid=~id~  ORDER BY id'}
            <li><a href='[field:typedir/]' target='_blank'>[field:typename/]</a></li>
            {/dede:sql}
            </ul>
            </td>
            {/dede:channelartlist}
        </tr>
    </table>
</div>
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>

dedecms 三级下拉菜单的实现方式复杂一些，需要在模板文件中使用 sql 语句，手动指定顶层栏目的 typeid。

转载于:https://www.cnblogs.com/smallpigdream/p/3870380.html