日期:2014-05-20  浏览次数:20881 次

求助,为什么鼠标移上去,下拉菜单不显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
<style type="text/css">
body{margin:0;padding:0;}  
.#list{width:200px;}  
.#list ul,li{margin:0;padding:0; list-style-type:none;}  
.#list li{background:#f7f7f7;height:24px;line-height:24px;width:200px;border-bottom:1px solid #ccc;text-align:center;position:relative;}  
.#list li.hover{background:#c0c0c0 url(http://img.ifeng.com/tres/phoenix/icon2.gif) no-repeat 186px -303px;}  
.#list li a{height:24px;line-height:24px;}  
.#list li ul{display:none;position:absolute;top:0;left:0;margin-left:200px;}  
.#list li ul li{background:#ffffe1;width:200px;}  
.#list li ul li.hover{background:#ffffe1;}  
</style>
    <script src="jquery-1.6.js" type="text/javascript"></script>
    
    <script type="text/javascript"> 
        $(function () {
            $(".a li").css({display:"none"}); 
            $('#list li').hover(function () {
            
            $(this).addClass("hover").find("ul").show();
         }, function () {  
               $(this).removeClass("hover").find("ul").hide();  
           });  
       })
</script> 
</head>
<body>
    <div id="list">
    <ul>        
              <li><a href="#">Solutions</a>
                <ul class="a">
                  <li><a href="../ags/banking.html">Banking</a></li>
                  <li><a href="../ags/government.html">Government</a></li>
                  <li><a href="../ags/education.html">Education</a> </li>
                </ul>
              </li>
              <li><a href="#">Software</a>
                <ul class="a">
                  <li><a href="../square/home.html">Content Collaboration</a></li>