本文实例为大家分享了类似于京东、淘宝商城左侧分类导航下拉菜单，供大家参考，具体内容如下
效果图：
实现代码：
*{margin:0;padding:0;} .ul{position:relative;width:200px;height:auto;} .ul li{height:24px;line-height:24px;border-bottom:1px solid #ddd;text-align:center;font-size:12px;} .ul li a{display:block;background:#fff;color:#000;text-decoration:none;} .ul li a:hover{display:block;background:#000;color:#fff;text-decoration:none;} .ul li div{display:none;width:400px; height:auto;position:absolute;top:0;left:200px; background:#000; color:#fff;} .ul li div dl dd{float:left; width:100px;} .ul .liname div{display:block;}
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别2
- 类别2
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别3
- 类别3
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别4
- 类别4
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别5
- 类别5
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别6
- 类别6
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别7
- 类别7
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别8
- 类别8
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
- 类别1
希望本文所述对大家学习javascript程序设计有所帮助。
