POST TIME:2017-11-13 00:43
treeview是JQUERY樹(shù)形菜單顯示的插件,支持COOKIE。
今天終于把這個(gè)插件成功移植到CMS上了。
支持DEDECMS版本:5.6測(cè)試通過(guò),5.7測(cè)試通過(guò)
不多說(shuō)了,看圖:
下載地址:本地下載
安裝說(shuō)明:下載后直接解壓所有文件到dedecms目錄下面即可,然后按照下面的使用說(shuō)明....(壓縮包里面也有使用說(shuō)明)
下面附上使用說(shuō)明:
把以下代碼加入到<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>
-------------其他次要說(shuō)明--------------------
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)合并(展開(kāi))說(shuō)明:
1.打到j(luò)s/treeview.demo.js文件
2.比如說(shuō)現(xiàn)在用的風(fēng)格是"navigation",找到以下代碼:
$("#navigation").treeview({
persist: "location",
collapsed: true,
unique: true
});
代碼中“collapsed: true,”這一行就是控制合并還是展開(kāi)的,默認(rèn)是true就是合并
如果默認(rèn)展開(kāi)設(shè)置為 false 即可!