<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>
添加回答
举报
0/150
提交
取消