? .nav{margin-top:80px;margin-left:90px;position:relative;width:180px;border-top:2px solid green;border-bottom:1px solid #ccc;}? .manua{display:none}? .nav .mx{border-bottom:0;margin-bottom:-1px;}? .nav>li:hover{border-right:0;border-left:2px solid green; color:green;}? .nav>li+li{border-top:1px solid #ccc;}? .nav>li{height:40px;border-right:1px solid #ccc;border-left:1px solid #ccc;font-size:17px; text-align:center;line-height:40px;}? #manu{width:180px;display:none;position:absolute;border:1px solid #ccc;border-left:0;border-right:0;top:-2px;left:179px; padding-left:10px;}? #manu>li+li{border-top:1px solid #fdeaea;}? #manu>li{border-right:1px solid #ccc;position:relative;height:41px;text-align:center;line-height:40px;color:green;font-size:14px;}? .nav li #manu>li:hover{border-right:2px solid #ffffff;}? #manu li ul{border:1px solid #ccc;width:330px;position:absolute;display:none;left:179px;top:-1px;}? #manu li ul li{height:40px;text-align:center;line-height:40px;color:red;}? #manu li ul li+li{border-top:1px solid #ccc;}? <div>? ? <ul class="nav">? ? ? <li>運(yùn)動(dòng)類? ? ? ? ?<ul id="manu">? ? ? ? ? ?<li>跑? ? ? ? ? ? ?<ul>? ? ? ? ? ? ? ?<li>慢跑</li>? ? ? ? ? ? ? ?<li>慢慢跑</li>? ? ? ? ? ? ? ?<li>慢慢慢跑</li>? ? ? ? ? ? ?</ul>? ? ? ? ? ?</li>? $(function(){? ? ? ? $(".nav li").on("mouseover",function(){? ? ? ? ? $(this).children().show()? ? ? ? })? ? ? ? $(".nav li").on("mouseout",function(){? ? ? ? ? $(this).children().hide()? ? ? ? });? ? ? })