只有第一个li实现了动画效果，其他两个都没效果啊 这是为什么？求大神指教<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 下拉菜单练习 </title> <link type="text/css" rel="stylesheet" href="./css/css.css" /> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> </head> <body> <script> $(document).ready(function(){ $("#xy").mousemove(function(){ $(this).find("ul").slideDown("1000");}); $("#xy").mouseleave(function(){ $(this).find("ul").slideUp("1000");});}) </script> <div id="box"> <ul> <li><a href="#">首页</a></li> <li id="xy"><a href="#">课程大厅</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">HTML</a></li> <li><a href="#">Jquery</a></li> </ul> </li> <li id="xy"><a href="#">学习中心</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">HTML</a></li> <li><a href="#">Jquery</a></li> </ul> </li> <li id="xy"><a href="#">经典案例</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">HTML</a></li> <li><a href="#">Jquery</a></li> </ul> </li> <li><a href="#">关于我们</a></li> </ul> <div> </body></html>
添加回答
举报
0/150
提交
取消