迅睿CMS框架是一款PHP8高性能·簡單易用的CMS開源開發(fā)框架,基于MIT開源許可協(xié)議發(fā)布,免費(fèi)且不限制商業(yè)使用,是免費(fèi)開源的產(chǎn)品,以萬端互聯(lián)為設(shè)計(jì)理念,支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
聯(lián)系官方銷售客服
1835022288
028-61286886
這個(gè)在前臺(tái)如何調(diào)用呢,或者是其中某個(gè)帶有子欄目也可以
{php $data = \Phpcmf\Service::L('cache')->get('module-'.SITE_ID.'-share', 'category'); echo \Phpcmf\Service::M('category')->get_tree_category($data);}
這個(gè)返回的是數(shù)組格式,這種寫法幾乎沒人使用
回復(fù)迅??蚣軇?chuàng)始人
用哪個(gè)函數(shù)或變量能實(shí)現(xiàn)在樣的效果也可以
category標(biāo)簽調(diào)用欄目
這個(gè)效果。。。
回復(fù)@丶白紙
問題總是莫名其妙啊,你還不如把你想要的效果寫出來
回復(fù)@Booid.com
已這個(gè)為例
原代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery樹形導(dǎo)航菜單插件制作滑動(dòng)多級(jí)二級(jí)下拉菜單展示</title> <meta name="description" content="jquery樹形導(dǎo)航菜單插件制作一個(gè)類似樹形展示的slider滑動(dòng)多級(jí)二級(jí)下拉菜單目錄,支持無限嵌套。jquery插件,jquery下載。" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.tree.js"></script> <script type="text/javascript"> $(function(){ $('#files').tree({ expanded: 'li:first' }); }); </script> </head> <body> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;font-size:12px;} a,img{border:0;} #files{margin:100px auto;width:400px;} .tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;zoom: 1;} .tree ul{margin-left:8px;} .tree li a{color:#555;padding:.1em 7px .1em 27px;display:block;text-decoration:none;border:1px dashed #fff;background:url(images/icon-file.gif) 5px 50% no-repeat;} .tree li a.tree-parent{background:url(images/icon-folder-open.gif) 5px 50% no-repeat;} .tree li a.tree-parent-collapsed{background:url(images/icon-folder.gif) 5px 50% no-repeat;} .tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{color:#000;border:1px solid#eee;background-color:#fafafa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{border:1px solid #e2f3fb;background-color:#f2fafd;} .tree ul.tree-group-collapsed{display:none;} </style> <ul id="files"> <li><a href="javascript:void(0);">jquery 特效</a> <ul> <li><a href="javascript:void(0);">jquery圖片特效</a> <ul> <li><a href="" target="_blank" title="jquery圖片切換">jquery圖片切換</a></li> <li><a href="" target="_blank" title="jquery幻燈片">jquery幻燈片</a></li> <li><a href="" target="_blank" title="jquery圖片滾動(dòng)">jquery圖片滾動(dòng)</a></li> <li><a href="" target="_blank" title="jquery圖片放大鏡">jquery圖片放大鏡</a></li> <li><a href="" target="_blank" title="jquery廣告">jquery廣告</a></li> </ul> </li> <li><a href="javascript:void(0);">jquery導(dǎo)航菜單</a> <ul> <li><a href="" target="_blank" title="jquery動(dòng)畫菜單">jquery動(dòng)畫菜單</a></li> <li><a href="" target="_blank" title="jquery樹形菜單">jquery樹形菜單</a></li> <li><a href="" target="_blank" title="jquery下拉菜單">jquery下拉菜單</a></li> <li><a href="" target="_blank" title="jquery右鍵菜單">jquery右鍵菜單</a></li> </ul> </li> <li><a href="javascript:void(0);">jquery選項(xiàng)卡特效</a> <ul> <li><a href="" target="_blank" title="jquery選項(xiàng)卡切換">jquery選項(xiàng)卡切換</a></li> <li><a href="" target="_blank" title="jquery滑動(dòng)選項(xiàng)卡">jquery滑動(dòng)選項(xiàng)卡</a></li> </ul> </li> <li><a href="javascript:void(0);">jquery文字特效</a> <ul> <li><a href="" target="_blank" title="jquery文字滾動(dòng)">jquery文字滾動(dòng)</a></li> <li><a href="" target="_blank" title="jquery文字閃爍">jquery文字閃爍</a></li> <li><a href="" target="_blank" title="jquery文字切換">jquery文字切換</a></li> <li><a href="" target="_blank" title="jquery文字?jǐn)?shù)量">jquery文字?jǐn)?shù)量</a></li> <li><a href="" target="_blank" title="jquery文字改變">jquery文字改變</a></li> </ul> </li> <li><a href="javascript:void(0);">jquery表單特效</a> <ul> <li><a href="" target="_blank" title="jquery表單驗(yàn)證">jquery表單驗(yàn)證</a></li> <li><a href="" target="_blank" title="jquery表單美化">jquery表單美化</a></li> <li><a href="" target="_blank" title="jquery搜索提示">jquery搜索提示</a></li> <li><a href="" target="_blank" title="jquery搜索提示">jquery搜索提示</a></li> <li><a href="" target="_blank" title="jquery全選反選">jquery全選反選</a></li> </ul> </li> <li><a href="javascript:void(0);">jquery表格特效</a> <ul> <li><a href="" target="_blank" title="jquery圖表插件">jquery圖表插件</a></li> <li><a href="" target="_blank" title="jquery表格排序">jquery表格排序</a></li> <li><a href="" target="_blank" title="jquery表格排序">jquery表格排序</a></li> <li><a href="" target="_blank" title="jquery表格變色">jquery表格變色</a></li> </ul> </li> </ul> </li> <li><a href="javascript:void(0);">js特效</a> <ul> <li><a href="javascript:void(0);">js圖片特效</a> <ul> <li><a href="" target="_blank" title="js圖片切換">js圖片切換</a></li> <li><a href="" target="_blank" title="js幻燈片">js幻燈片</a></li> <li><a href="" target="_blank" title="js圖片滾動(dòng)">js圖片滾動(dòng)</a></li> <li><a href="" target="_blank" title="js圖片放大鏡">js圖片放大鏡</a></li> <li><a href="" target="_blank" title="js廣告">js廣告</a></li> </ul> </li> <li><a href="javascript:void(0);">js導(dǎo)航菜單</a> <ul> <li><a href="" target="_blank" title="js動(dòng)畫菜單">js動(dòng)畫菜單</a></li> <li><a href="" target="_blank" title="js樹形菜單">js樹形菜單</a></li> <li><a href="" target="_blank" title="js下拉菜單">js下拉菜單</a></li> <li><a href="" target="_blank" title="js右鍵菜單">js右鍵菜單</a></li> </ul> </li> <li><a href="javascript:void(0);">js選項(xiàng)卡特效</a> <ul> <li><a href="" target="_blank" title="js選項(xiàng)卡切換">js選項(xiàng)卡切換</a></li> <li><a href="" target="_blank" title="js滑動(dòng)選項(xiàng)卡">js滑動(dòng)選項(xiàng)卡</a></li> </ul> </li> <li><a href="javascript:void(0);">js文字特效</a> <ul> <li><a href="" target="_blank" title="js文字滾動(dòng)">js文字滾動(dòng)</a></li> <li><a href="" target="_blank" title="js文字閃爍">js文字閃爍</a></li> <li><a href="" target="_blank" title="js文字切換">js文字切換</a></li> <li><a href="" target="_blank" title="js文字?jǐn)?shù)量">js文字?jǐn)?shù)量</a></li> <li><a href="" target="_blank" title="js文字改變">js文字改變</a></li> </ul> </li> <li><a href="javascript:void(0);">js表單特效</a> <ul> <li><a href="" target="_blank" title="js表單驗(yàn)證">js表單驗(yàn)證</a></li> <li><a href="" target="_blank" title="js表單美化">js表單美化</a></li> <li><a href="" target="_blank" title="js搜索提示">js搜索提示</a></li> <li><a href="" target="_blank" title="js搜索提示">js搜索提示</a></li> <li><a href="" target="_blank" title="js全選反選">js全選反選</a></li> </ul> </li> <li><a href="javascript:void(0);">js表格特效</a> <ul> <li><a href="" target="_blank" title="js圖表插件">js圖表插件</a></li> <li><a href="" target="_blank" title="js表格排序">js表格排序</a></li> <li><a href="" target="_blank" title="js表格排序">js表格排序</a></li> <li><a href="" target="_blank" title="js表格變色">js表格變色</a></li> </ul> </li> </ul> </li> <li><a href="javascript:void(0);">flash特效</a> <ul> <li><a href="" target="_blank" title="flash圖片特效">flash圖片特效</a></li> <li><a href="" target="_blank" title="flash導(dǎo)航菜單">flash導(dǎo)航菜單</a></li> </ul> </li> <li><a href="javascript:void(0);">div+css教程</a> <ul> <li><a href="" target="_blank" title="div+css布局">div+css布局</a></li> <li><a href="" target="_blank" title="div+css菜單">div+css菜單</a></li> <li><a href="" target="_blank" title="css3教程">css3教程</a></li> </ul> </li> <li><a href="javascript:void(0);">html5教程</a> <ul> <li><a href="" target="_blank" title="html5特效">html5特效</a></li> <li><a href="" target="_blank" title="html5圖表">html5圖表</a></li> </ul> </li> </ul> </body> </html>
迅睿CMS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery樹形導(dǎo)航菜單插件制作滑動(dòng)多級(jí)二級(jí)下拉菜單展示</title> <meta name="description" content="jquery樹形導(dǎo)航菜單插件制作一個(gè)類似樹形展示的slider滑動(dòng)多級(jí)二級(jí)下拉菜單目錄,支持無限嵌套。jquery插件,jquery下載。" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.tree.js"></script> <script type="text/javascript"> $(function(){ $('#files').tree({ expanded: 'li:first' }); }); </script> </head> <body> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;font-size:12px;} a,img{border:0;} #files{margin:100px auto;width:400px;} .tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;zoom: 1;} .tree ul{margin-left:8px;} .tree li a{color:#555;padding:.1em 7px .1em 27px;display:block;text-decoration:none;border:1px dashed #fff;background:url(images/icon-file.gif) 5px 50% no-repeat;} .tree li a.tree-parent{background:url(images/icon-folder-open.gif) 5px 50% no-repeat;} .tree li a.tree-parent-collapsed{background:url(images/icon-folder.gif) 5px 50% no-repeat;} .tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{color:#000;border:1px solid#eee;background-color:#fafafa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{border:1px solid #e2f3fb;background-color:#f2fafd;} .tree ul.tree-group-collapsed{display:none;} </style> <ul id="files"> {category module=share pid=0} <li><a href="javascript:void(0);">{$t.name}</a> <ul> {category module=share pid=$t.id return=t1} <li><a href="javascript:void(0);">{$t1.name}</a> <ul> {category module=share pid=$t.id return=t2} <li><a href="javascript:void(0);">{$t2.name}</a></li> {/category} </ul> </li> {/category} </ul> </li> {/category} </ul> </body> </html>
百度大把的樹形菜單,自己搜,非得用官方那個(gè)樣式?
這個(gè)返回的是數(shù)組格式,這種寫法幾乎沒人使用
回復(fù)迅??蚣軇?chuàng)始人
用哪個(gè)函數(shù)或變量能實(shí)現(xiàn)在樣的效果也可以
category標(biāo)簽調(diào)用欄目
這個(gè)效果。。。
回復(fù)@丶白紙
問題總是莫名其妙啊,你還不如把你想要的效果寫出來
這個(gè)效果。。。
回復(fù)@丶白紙
回復(fù)@Booid.com
回復(fù)@Booid.com
已這個(gè)為例
原代碼:
迅睿CMS:
百度大把的樹形菜單,自己搜,非得用官方那個(gè)樣式?