级联菜单
效果图

1.   1   2     li{  3         cursor: pointer;     //鼠标是小手  4     }  5     .jiu{  6         display:none;  7     }  8   9  10     
2. [list] 11         
3. [*]蜀国 12
4. [list] 13                 
5. [*]主公 14
6. [list] 15                        
7. [*]刘备 16                        
8. [*]刘禅 17                     
9. [/list] 18                  19                 
10. [*]五虎上将 20
11. [list] 21                        
12. [*]关羽 22                        
13. [*]张飞 23                        
14. [*]赵云 24                        
15. [*]黄忠 25                        
16. [*]马超 26                     
17. [/list] 27                  28                 
18. [*]谋士 29
19. [list] 30                        
20. [*]卧龙 31                        
21. [*]凤雏 32                     
22. [/list] 33                  34            
23. [/list] 35          36         
24. [*]魏国 37
25. [list] 38                 
26. [*]主公 39
27. [list] 40                        
28. [*]曹操 41                        
29. [*]曹丕 42                     
30. [/list] 43                  44                 
31. [*]武将 45
32. [list] 46                        
33. [*]典韦 47                        
34. [*]夏侯惇 48                        
35. [*]许褚 49                     
36. [/list] 50                  51                 
37. [*]文臣 52
38. [list] 53                        
39. [*]杨修 54                        
40. [*]许攸 55                        
41. [*]司马懿 56                     
42. [/list] 57                  58            
43. [/list] 59          60         
44. [*]吴国 61
45. [list] 62                 
46. [*]主公 63
47. [list] 64                        
48. [*]孙策 65                        
49. [*]孙权 66                     
50. [/list] 67                  68                 
51. [*]武将 69
52. [list] 70                        
53. [*]周瑜 71                        
54. [*]吕蒙 72                     
55. [/list] 73                  74                 
56. [*]文臣 75
57. [list] 76                        
58. [*]诸葛瑾 77                        
59. [*]张昭 78                        
60. [*]鲁肃 79                     
61. [/list] 80                  81            
62. [/list] 82          83         
63. [*]中原 84         
64. [*]大漠 85     
65. [/list] 86  87  88

复制代码

js里判断是否有下级菜单的下一个判断（判断style的属性值），判断不一样儿（ == "block"  /  =="none"）会导致第一次点击不生效。第二次及以后的点击正常反应。

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！

级联菜单
效果图

1.   1   2     li{  3         cursor: pointer;     //鼠标是小手  4     }  5     .jiu{  6         display:none;  7     }  8   9  10     
2. [list] 11         
3. [*]蜀国 12
4. [list] 13                 
5. [*]主公 14
6. [list] 15                        
7. [*]刘备 16                        
8. [*]刘禅 17                     
9. [/list] 18                  19                 
10. [*]五虎上将 20
11. [list] 21                        
12. [*]关羽 22                        
13. [*]张飞 23                        
14. [*]赵云 24                        
15. [*]黄忠 25                        
16. [*]马超 26                     
17. [/list] 27                  28                 
18. [*]谋士 29
19. [list] 30                        
20. [*]卧龙 31                        
21. [*]凤雏 32                     
22. [/list] 33                  34            
23. [/list] 35          36         
24. [*]魏国 37
25. [list] 38                 
26. [*]主公 39
27. [list] 40                        
28. [*]曹操 41                        
29. [*]曹丕 42                     
30. [/list] 43                  44                 
31. [*]武将 45
32. [list] 46                        
33. [*]典韦 47                        
34. [*]夏侯惇 48                        
35. [*]许褚 49                     
36. [/list] 50                  51                 
37. [*]文臣 52
38. [list] 53                        
39. [*]杨修 54                        
40. [*]许攸 55                        
41. [*]司马懿 56                     
42. [/list] 57                  58            
43. [/list] 59          60         
44. [*]吴国 61
45. [list] 62                 
46. [*]主公 63
47. [list] 64                        
48. [*]孙策 65                        
49. [*]孙权 66                     
50. [/list] 67                  68                 
51. [*]武将 69
52. [list] 70                        
53. [*]周瑜 71                        
54. [*]吕蒙 72                     
55. [/list] 73                  74                 
56. [*]文臣 75
57. [list] 76                        
58. [*]诸葛瑾 77                        
59. [*]张昭 78                        
60. [*]鲁肃 79                     
61. [/list] 80                  81            
62. [/list] 82          83         
63. [*]中原 84         
64. [*]大漠 85     
65. [/list] 86  87  88

复制代码

js里判断是否有下级菜单的下一个判断（判断style的属性值），判断不一样儿（ == "block"  /  =="none"）会导致第一次点击不生效。第二次及以后的点击正常反应。

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！