布洛迪：
首页视频学习案例教学交流平台课程大厅关于javascripjavascripjavascripjavascriptjquery学习中心视频学习案例教学交流平台经典案例CSS:
ul{ list-style:none； }
ul li{ float:left； line-height:40px； 文本对齐3360中心； position:relative； }
a {文本修饰： none； color:#000； 显示： block； padding:0 10px； }
a:hover{ color:#FFF； 背景色： # 666； }
ul li ul li{ float:none； 边框左：无； margin-top:2px； 背景色： # eee； }
ul li ul{ display:none； 位置： absolute； }
ulli : hover ul { display : block； }
效果图。