<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery-1.12.4.js"></script>
</head>
<body>
<ul class="nav">
<li>
<a href="#">微博</a>
<ul>
<li class="xiala">
<a href="">私信</a>
</li>
<li class="xiala">
<a href="">评论</a>
</li>
<li class="xiala">
<a href="">@我</a>
</li>
</ul>
</li>
<li>
<a href="#">微博</a>
<ul>
<li class="xiala">
<a href="">私信</a>
</li>
<li class="xiala">
<a href="">评论</a>
</li>
<li class="xiala">
<a href="">@我</a>
</li>
</ul>
</li>
<li>
<a href="#">微博</a>
<ul>
<li class="xiala">
<a href="">私信</a>
</li>
<li class="xiala">
<a href="">评论</a>
</li>
<li class="xiala">
<a href="">@我</a>
</li>
</ul>
</li>
<li>
<a href="#">微博</a>
<ul>
<li class="xiala">
<a href="">私信</a>
</li>
<li class="xiala">
<a href="">评论</a>
</li>
<li class="xiala">
<a href="">@我</a>
</li>
</ul>
</li>
</ul>
<script>
$(function(){
$(".nav>li").mouseover(function(){
$(this).children("ul").show();
});
$(".nav>li").mouseout(function(){
$(this).children("ul").hide();
});
})
</script>
</body>
</html>
效果图: