主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > DedeCMS實(shí)現(xiàn)樹(shù)型菜單的方法

DedeCMS實(shí)現(xiàn)樹(shù)型菜單的方法

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 即可!



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266