織夢DedeCMS實現(xiàn)樹型菜單的方法
來源：本站原創(chuàng)|時間：2021-08-05|欄目：dedecms|點擊： 次
織夢DedeCMS實現(xiàn)樹型菜單的方法
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.比如說現(xiàn)在用的風格是"navigation",找到以下代碼：
$("#navigation").treeview({
persist: "location",
collapsed: true,
unique: true
});
代碼中“collapsed: true,”這一行就是控制合并還是展開的,默認是true就是合并
如果默認展開設置為 false 即可！
上一篇：DEDECMS織夢模板如何去除縮略圖水印 但是文章頁大圖依舊有水印
欄 目：dedecms
下一篇：dedecms模板最新文章圖片的flash調(diào)用源代碼
本文地址：http://www.jygsgssxh.com/a1/dedecms/15681.html
您可能感興趣的文章
- 08-05Dedecms文件目錄結構解說（能知道織夢每個文件有什么用）
- 08-05Dedecms5.7版ckeditor網(wǎng)頁編輯器添加中文字體
- 08-05織夢DedeCMS獲取當前欄目文章數(shù)量
- 08-05織夢模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問題{dede:img ...}解決方法
- 08-05織夢DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢會員每天投稿數(shù)量方法
- 08-05常用的織夢dedecms安全設置集合整理
- 08-05織夢教程：后臺編輯器添加中文字體方法
