<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(function(){ $("li").has("ul").mouseover(function(){ $(this).children('ul').css("display","block"); }).mouseout(function(){ $(this).children('ul').css("display","none"); }) }); </script> </head> <body> <ul class="top-nav"> <li><a href="#">首页</a></li> <li><a href="#">课程大厅</a> <ul> <li><a href="#">ios开发</a></li> <li><a href="#">安卓开发</a></li> <li><a href="#">wp开发</a></li> </ul> </li> <li><a href="#">学习中心 +</a> <ul> <li><a href="#">前端课程 +</a> <ul> <li><a href="#">javascript</a></li> <li><a href="#">css</a></li> <li><a href="#">jquery</a></li> </ul> </li> <li><a href="#">手机开发</a></li> <li><a href="#">后台编程</a></li> </ul> </li> <li><a href="#">关于我们</a></li> </ul> </body>
stone310
相关分类