.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>运动类 <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() }); })
- 3 回答
- 0 关注
- 1469 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消