* { margin:0; padding:0; color:white; outline:none; } ul { font-size:0; } ul,li { list-style:none; } .box { font-size:14px; width:100%; } .one li { font-size:14px; width:20%; line-height:60px; margin:0 auto; text-align:center; display:inline-block; background-color:#FFA500; } .one li:hover { background-color:#6B8E23; color:#FFA500; } #box .two { color:#000; width:20%; line-height:60px; text-align:center; font-size:0px; position:absolute; display:none; } #box .two li { width:100%; } #box .two li:hover { background-color:gold; color:#fff; } #box .one { position:relative; } #box .two2 { left:20%; } #box .two3 { left:40%; } #box .two4 { left:60%; } #box .two5 { left:80%; }
超简洁jq二级导航,一看就懂