没有下拉效果啊。。。。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>下拉菜单</title>
<script type="text/javascript" src="../jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".nav li").mousemove(function(){
$(this).find("ul").slideDown("1000");
});
$(".nav ul").mouseleave(function(){
$(this).find("ul").slideUp("slow");
});
});
</script>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</li>
<li><a href="#">课程大厅
<ul>
<li><a href="#">Html</li>
<li><a href="#">Css</li>
<li><a href="#">JavaScript</li>
<li><a href="#">jQuery</li>
</ul>
</li>
<li><a href="#">学习中心
<ul>
<li><a href="#">学习记录</li>
<li><a href="#">提问</li>
<li><a href="#">完成作业</li>
</ul>
</li>
<li><a href="#">经典案例
<ul>
<li id="long"><a href="#">跑马灯照片墙</li>
<li><a href="#">提问</li>
<li><a href="#">完成作业</li>
</ul>
</li>
<li><a href="#">联系我们</li>
</ul>
</div>
</body>
</html>菜单没有下拉效果,怎么回事??