dedecms 调用二级比较方便。三级就有点麻烦。下面是代码。要的拿去吧

这个是标签{dede:channelartlist typeid=3 } 这里的typeid 是我们的顶级栏目  比如产品中心

1.         {dede:channelartlist typeid=3 }  
2.  
3.  
4.         <li> 
5.       
6.     <div class="my_left_category"> 
7.         <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'"> 
8.          <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> 
9.            
10.          <div class="h3_cat" style="display:none;{dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}  
11. [field:typedir runphp='yes']$cateid=@me;if($cateid=="")@me="";else @me="display:dds;";[/field:typedir]  
12. {/dede:sql}  
13. "> 
14.                  <div class="shadow"> 
15.                     <div class="shadow_border"> 
16.                         <ul> 
17.                         {dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}  
18. <li><a href='[field:typedir/]' >[field:typename/]</a></li> 
19. {/dede:sql}  
20.  
21.                         </ul> 
22.                     </div> 
23.                  </div> 
24.             </div>        
25.            
26.         </div>   
27. </div> 
28.       
29.     </li> 
30. {/dede:channelartlist} 

CSS 代码：

大家看自己优化CSS

1. /*二级菜单*/  
2. .my_left_category{  
3.     width:180px;  
4.     font-size:12px;  
5.     font-family:arial,sans-serif;  
6. }  
7. .my_left_category h1{  
8.     height:20px;  
9.     background-repeat:no-repeat;  
10.     font-size:14px;  
11.     font-weight:bold;  
12.     padding-left:15px;  
13.     padding-top:8px;  
14.     margin:0px;  
15.     color:#FFF;  
16. }  
17. .my_left_category .my_left_cat_list{  
18.     width:178px;  
19.     border-color:#b60134;  
20.     border-style:solid;  
21.     border-width:0px 1px 1px 1px;  
22.     line-height:13.5pt;  
23. }  
24. .my_left_category .my_left_cat_list h2{  
25.     margin:0px;  
26.     padding:3px 5px 0px 9px;  
27. }  
28. .my_left_category .my_left_cat_list h2 a{  
29.     color:#d6290b;  
30.     font-weight:bold;  
31.     font-size:14px;  
32.     line-height:22px;  
33. }  
34. .my_left_category .my_left_cat_list h2 a:hover{  
35.     color:#d6290b;  
36.     font-weight:bold;  
37.     font-size:14px;  
38.     line-height:22px;  
39. }  
40. .my_left_category .h2_cat{  
41.     width:178px;  
42.     height:26px;  
43.     background-repeat:no-repeat;  
44.     font-weight:normal;  
45.     color:#333333;  
46.     position:relative;  
47. }  
48. .my_left_category .h2_cat_1{  
49.     width:178px;  
50.     height:26px;  
51.     background-repeat:no-repeat;  
52.     line-height:26px;  
53.     font-weight:normal;  
54.     color:#333333;  
55.     position:relative;  
56. }  
57. .my_left_category a{  
58.     font:12px;  
59.     text-decoration:none;  
60.     color:#333333;  
61. }  
62. .my_left_category a:hover{  
63.     text-decoration:underline;  
64.     color:#ff3333;  
65. }  
66. .my_left_category h3{  
67.     margin:0px;  
68.     padding:0px;  
69.     height:26px;  
70.     font-size:12px;  
71.     font-weight:normal;  
72.     display:block;  
73.     padding-left:8px;  
74. }  
75. .my_left_category h3 span{  
76.     color:#999999;  
77.     width:175px;  
78.     float:right;  
79. }  
80. .my_left_category h3 a{  
81.     line-height:26px;  
82. }  
83. .my_left_category .h3_cat{  
84.     display:none;  
85.     width:204px;  
86.     position:absolute;  
87.     left:173px;  
88.     margin-top:0px;  
89.     cursor:auto;  
90. }  
91. .my_left_category .shadow{  
92.     position:inherit;  
93.     width:204px;  
94. }  
95. .my_left_category .shadow_border{  
96.     position:inherit;  
97.     width:200px;  
98.     border:1px solid #959595;margin-top:1px;  
99.     border-left-width:0px;  
100.     background-color:#ffffff;  
101.     margin-bottom:3px;  
102. }  
103.  
104. .my_left_category .shadow_border ul{  
105.     margin-top:0px;  
106.     padding-bottom:0px;  
107. }  
108. /*  
109. .my_left_category .shadow_border ul li{  
110.     list-style:none;  
111.     padding-left:10px;  
112.     background-repeat:no-repeat;  
113.     background-position:0px 8px;  
114.     float:left;  
115.     width:75px;  
116.     height:26px;  
117.     overflow:hidden;  
118.     letter-spacing:0px;  
119. }   
120. */  
121. .my_left_category .active_cat{  
122.     z-index:99;  
123.     background-position:0 -25px;  
124.     cursor:pointer;  
125. }  
126. .my_left_category .active_cat h3{  
127.     font-weight:bold;  
128. }  
129. .my_left_category .active_cat h3 span{  
130.     display:none;  
131. }   
132. .my_left_category .active_cat div{  
133.     display:block;  
134. }