本文實例講述了thinkPHP實現的聯動菜單功能。分享給大家供大家參考，具體如下：
聯動菜單，首先給你看看前端是怎么寫的：
<div id="newCat">
<div class="all_type" id="allGoogsCat">所有商品分類</div>
<div class="spfl-warp <?php if(CONTROLLER_NAME != 'Index' || ACTION_NAME != 'index'){echo 'hide';} ?> ">
<div class="index-spfl-left" id="divCatList">
<ul>
<foreach name="category_menu" key="one" item="v">
<li class="li{$one+1}">
<span><em></em>
<a href="{:U('Category/index',array('id'=>$v['category_id'],'level'=>1))}" rel="external nofollow" >{$v.category_name}</a>
</span>
<div class="div none">
<foreach name="v['childs']" key="two" item="v2">
<dl>
<dt>
<a href="{:U('Category/index',array('id'=>$v2['category_id'],'level'=>2))}" rel="external nofollow" >{$v2.category_name}</a>
</dt>
<dd class="fl">
<foreach name="v2['childs']" item="v3">
<a href="{:U('Category/index',array('id'=>$v3['category_id'],'level'=>3))}" rel="external nofollow" >
{$v3.category_name}
</a>
</foreach>
</dd>
<div class="cl"></div>
</dl>
</foreach>
</div>
</li>
</foreach>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
<?php if(CONTROLLER_NAME != 'Index' || ACTION_NAME != 'index'){ ?>
//商品分類鼠標滑過
function spflHover() {
$(".index-spfl-left ul li").live("mouseover", function () {
$(this).addClass("active").siblings().removeClass("active");
$(".index-spfl-left").find(".div").hide();
$(this).find(".div").show();
}).live("mouseout", function () {
$(this).removeClass("active");
$(".index-spfl-left").find(".div").hide();
$(this).find(".div").hide();
});
//鼠標滑過分類顯示
$("#newCat").mouseover(function () {
$(".spfl-warp").show();
}).mouseout(function () {
if ($("#ismain").val() == "1") {
$(".spfl-warp").show();
} else {
$(".spfl-warp").hide();
}
})
}
spflHover();
<?php } ?>
</script>
看到沒有，其實里面的一級菜單對應二級菜單都是在同一個li里面的，li里面的二級三級呢，都是放在dl的dt和dd標簽里面；
然后現在我們看看取出來的category_menu,什么樣的數據：
Array
(
[0] => Array
(
[category_id] => 84
[category_name] => 家裝主材
[parent_id] => 0
[listorder] => 200
[display] => 1
[childs] => Array
(
[0] => Array
(
[category_id] => 85
[category_name] => 廚衛
[parent_id] => 84
[listorder] => 200
[display] => 1
[childs] => Array
(
[0] => Array
(
[category_id] => 99
[category_name] => 廚盆/水槽
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[1] => Array
(
[category_id] => 98
[category_name] => 衛浴配件
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[2] => Array
(
[category_id] => 97
[category_name] => 衛浴龍頭
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[3] => Array
(
[category_id] => 96
[category_name] => 龍頭
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[4] => Array
(
[category_id] => 95
[category_name] => 淋浴房
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[5] => Array
(
[category_id] => 94
[category_name] => 智能坐便器
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[6] => Array
(
[category_id] => 93
[category_name] => 浴室柜
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[7] => Array
(
[category_id] => 92
[category_name] => 坐便器
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[8] => Array
(
[category_id] => 91
[category_name] => 浴霸
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[9] => Array
(
[category_id] => 90
[category_name] => 地漏
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[10] => Array
(
[category_id] => 89
[category_name] => 坐便器蓋板
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[11] => Array
(
[category_id] => 88
[category_name] => 洗面盆
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[12] => Array
(
[category_id] => 87
[category_name] => 角閥
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[13] => Array
(
[category_id] => 100
[category_name] => 衛浴五金
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[14] => Array
(
[category_id] => 101
[category_name] => 廚房掛件/配件
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[15] => Array
(
[category_id] => 86
[category_name] => 淋浴花灑
[parent_id] => 85
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
)
)
[1] => Array
(
[category_id] => 126
[category_name] => 墻紙
[parent_id] => 84
[listorder] => 200
[display] => 1
[childs] => Array
(
[0] => Array
(
[category_id] => 130
[category_name] => 3D墻紙
[parent_id] => 126
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[1] => Array
(
[category_id] => 129
[category_name] => 純紙墻紙
[parent_id] => 126
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
[2] => Array
(
[category_id] => 128
[category_name] => PVC墻紙
[parent_id] => 126
[listorder] => 200
[display] => 1
[childs] => Array
(
)
)
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。