POST TIME:2017-11-13 00:43
treeview是JQUERY樹形菜單顯示的插件,支持COOKIE。
今天終于把這個(gè)插件成功移植到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" />
然后把標(biāo)簽加入到要顯示的地方:
<ul id="navigation">
{dede:cattree typeid='4'}{/dede:cattree}
</ul>
-------------其他次要說明--------------------
treeview另外兩種風(fēng)格使用:
<ul id="red" >
{dede:cattree typeid='4'}{/dede:cattree}
</ul>
<ul id="black" >
{dede:cattree typeid='4'}{/dede:cattree}
</ul>
treeview默認(rèn)合并(展開)說明:
1.打到j(luò)s/treeview.demo.js文件
2.比如說現(xiàn)在用的風(fēng)格是"navigation",找到以下代碼:
$("#navigation").treeview({
persist: "location",
collapsed: true,
unique: true
});
代碼中“collapsed: true,”這一行就是控制合并還是展開的,默認(rèn)是true就是合并
如果默認(rèn)展開設(shè)置為 false 即可!