相当实用的二级导航

从百度搜到的，稍作修改，效果如下：

1. <style>      
   
2. .comiis_nav{BACKGROUND:#f7f9fb repeat-x;border:1px solid #e2eaf1;border-top:0px solid #e2eaf1;HEIGHT:57px;overflow:hidden;padding-left:8px;}
   
3. 
   
4. .comiis_nav dt{WIDTH:207px;HEIGHT:50px;FLOAT:left;overflow:hidden;padding-left:45px;padding-top:6px;}
   
5. 
   
6. .comiis_nav dt LI{LINE-HEIGHT:22px;WIDTH:65px;FLOAT:left;HEIGHT:20px;overflow:hidden;}
   
7. 
   
8. .comiis_nav dt LI a{color:#555;}.comiis_nav dt LI a:hover{color:#369;}
   
9. 
   
10. .nav_ico01{BACKGROUND:url(http://www.daxueshidai.com/static/image/common/nav_ico01.jpg) no-repeat;}
    
11. 
    
12. .nav_ico02{BACKGROUND:url(http://www.daxueshidai.com/static/image/common/nav_ico02.jpg) no-repeat;}
    
13. 
    
14. .nav_ico03{BACKGROUND:url(http://www.daxueshidai.com/static/image/common/nav_ico03.jpg) no-repeat;}
    
15. 
    
16. .nav_ico04{BACKGROUND:url(http://www.daxueshidai.com/static/image/common/nav_ico04.jpg) no-repeat;}
    
17. 
    
18. .STYLE1 {color: #FF0000}
    
19. 
    
20. </style>
    
21. 
    
22. 
    
23. <div class="comiis_nav">
    
24. 
    
25.    <dt class="nav_ico01">
    
26. 
    
27. <li><A   target=_blank>大学生活</A></li>
    
28. 
    
29. <li><A  target=_blank>我要吐槽</A></li>
    
30. 
    
31. <li><A  target=_blank>趣事糗闻</A></li>
    
32. 
    
33. <li><A  target=_blank>游戏影音</A></li>
    
34. 
    
35. <li><A  target=_blank>体育军事</A></li>
    
36. 
    
37. <li><A  target=_blank>学长分享</A></li>
    
38. 
    
39.    </dt>  
    
40. 
    
41.    <dt class="nav_ico02">
    
42. 
    
43. <li><A  target=_blank>学习乐园</A></li>
    
44. 
    
45. <li><A  target=_blank>我要考研</A></li>
    
46. 
    
47. <li><A  target=_blank>英语考试</A></li>
    
48. 
    
49. <li><A  target=_blank>计算机证</A></li>
    
50. 
    
51. <li><A  target=_blank>毕业论文</A></li>
    
52. 
    
53. <li><A  target=_blank>学习交流</A></li>
    
54. 
    
55.    </dt>
    
56. 
    
57.    <dt class="nav_ico03" style="width:205px;">
    
58. 
    
59. <li><A  target=_blank>男左女右</A></li>
    
60. 
    
61. <li><A  target=_blank>我型我秀</A></li>
    
62. 
    
63. <li><A  target=_blank>追女秘籍</A></li>
    
64. 
    
65. <li><A  target=_blank>私密空间</A></li>
    
66. 
    
67. <li><a  target=_blank>星座八卦</a></li>
    
68. 
    
69. <li><A  target=_blank>情感故事</A></li>
    
70. 
    
71.    </dt>
    
72. 
    
73.    <dt class="nav_ico04" style="width:130px;">
    
74. 
    
75. <li><A  target=_blank>二手交易</A></li>
    
76. 
    
77. <li><A  target=_blank>兼职创业</A></li>
    
78. 
    
79. <li><A  target=_blank>网络赚钱</A></li>
    
80. 
    
81. <li><A  target=_blank>励志故事</A></li>
    
82. 
    
83. </dt>   
    
84. </DIV>

复制代码

这个和官方的差不多 不错

s不错不错

点赞了！