• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    DedeCMS实现树型菜单的方法
    POST TIME:2017-11-13 00:43

    treeview是JQUERY树形菜单显示的插件,支持COOKIE。
    今天终于把这个插件成功移植到CMS上了。
    支持DEDECMS版本:5.6测试通过,5.7测试通过
    不多说了,看图:

    下载地址:本地下载
    安装说明:下载后直接解压所有文件到dedecms目录下面即可,然后按照下面的使用说明....(压缩包里面也有使用说明)

    下面附上使用说明:

    把以下代码加入到<head></head>中间或者直接加入到公共文件中..
    <script src="{dede:global.cfg_cmsurl/}/images/js/j.js" type="text/javascript"></script>
    <script src="{dede:global.cfg_cmsurl/}/js/jquery.cookie.js" type="text/javascript"></script>
    <script src="{dede:global.cfg_cmsurl/}/js/jquery.treeview.js" type="text/javascript"></script>
    <script src="{dede:global.cfg_cmsurl/}/js/treeview.demo.js" type="text/javascript"></script>
    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/style/jquery.treeview.css" />

    然后把标签加入到要显示的地方:
    <ul id="navigation">
    {dede:cattree typeid='4'}{/dede:cattree}
    </ul>

    -------------其他次要说明--------------------

    treeview另外两种风格使用:

    <ul id="red" >
    {dede:cattree typeid='4'}{/dede:cattree}
    </ul>

    <ul id="black" >
    {dede:cattree typeid='4'}{/dede:cattree}
    </ul>

    treeview默认合并(展开)说明:
    1.打到js/treeview.demo.js文件
    2.比如说现在用的风格是"navigation",找到以下代码:

    $("#navigation").treeview({
    persist: "location",
    collapsed: true,
    unique: true
    });

    代码中“collapsed: true,”这一行就是控制合并还是展开的,默认是true就是合并
    如果默认展开设置为 false 即可!

    
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!