onmouseout 事件

#subNav{
            width:500px;
            height:500px;
            margin-top:30px;
            margin-left:300px;
            background-color:#999;
             
        }
         
        .floors{
           width:260px;
           margin-left:140px;
        }
         
        .floors li{
            width:100px;
            height:28px;
            border:#00F thin dashed;
            float:left;
            margin-right:20px;
         }
         
        li{
            list-style:none;
        }
         
        a{
            text-decoration:none;
            color:#CCC; 
        }
        #floor_nav{
            width:100%;
            height:28px;
            background-color:#999;
            text-align:center;
        }
         
        #floor_nav  ul li a{
             width:100px;
             height:28px;
                 
        }
         
        #sub_floor_menus{
            width:100%;
            height:100%;
            background-color:#00C;
            margin-top:-1px;
             
        }
        .hover{
            background-color:#F00;
        }
         
        .unhover{
            background-color:#00C;
        }
         
        .menu{
            height:100%;
            padding-left:100px;
        }
         
        .menu  ul li{
            width:200px;
            text-align:center;      
        }
         
        #test{
            width:200px;
            height:200px;
            background-color:#093;
        }

$(function(){
             $("#floor_nav ul li").each(function(i){
                  $(this).removeClass('hover').addClass('unhover');              
                  
                  $(this).mouseover(function(e){
                           $(this).removeClass('unhover').addClass('hover');
                           $(".menu").hide();
                           $("#sub_"+$(this).attr('id')).css('background-color','#F00').show();     
                  });
               });
            
           $("#subNav").mouseout(function(e){
                           //alert('我已经离开目标区域');
                           //console.info(e.clientX);
                           $(".floors li").removeClass('hover').addClass('unhover');
                           $(".menu").hide();               
 
           });
 
）;
 
<div id="floor_nav">
   <ul class="floors">
     <li id="floor_1"  class="hover"><a href="#">男装</a></li>
     <li id="floor_2"  class="unhover"><a href="#">女装</a></li>
   </ul>
   <span class="blank0"></span>
  </div>
  <div id="sub_floor_menus" class="sub-floor-menus"> 
     <div id="sub_floor_1" class="menu" style="left: 1px; top: 30px; display: none;">
         <ul>
            <li>男装</li>
            <li>男装</li>
            <li>男装</li>
         </ul>
     </div>
     <div id="sub_floor_2" class="menu" style="left: 1px; top: 30px; display: none;">
            <ul>
            <li>女装</li>
            <li>女装</li>
            <li>女装</li>
         </ul>
     </div>
   </div>
</div>