只有第一個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>
jQuery為什么只對第一個li有效
IT菜_鳥
2015-12-16 20:10:10
