本帖最后由 littlecc2009 于 2010-07-01 15:49:05 编辑

解决方案 »

  1.   

    给你的a也加上onmouseon  
    on的时候让div显示display为block
      

  2.   

    根据鼠标当前位置,不断的遍历元素,如果能找到你所在的div就说明,该div不可以隐藏,如果没有了,就可以隐藏了。
      

  3.   

    http://dyldragon.javaeye.com/blog/504378
    LZ看一下JS事件的冒泡机制
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <style type="text/css">
    div {
         border-style:solid;
         border-width:1px;
    }</style>
    <script type="text/javascript">     var isIE = /msie/i.test(navigator.userAgent) && !window.opera;     function doMouseOut(e, father) {
              var event = e || window.event;
              var parent = isIE ? event.toElement : event.relatedTarget;
              while ( parent && parent !== father ) {
                   parent = parent.parentNode;
              }          if ( parent !== father ) {
     // 这里写你的代码
                   alert("1");
              }
         }</script>
    </head>
    <body>
    <div id="father" style="width:500px;height:500px;left:100px;top:100px;position:absolute; background-color:#ffffff;" onmouseout="doMouseOut(event, this)" >
      <div><a href="#">0</a></div>
      <div><a href="#">1</a></div>
      <div><a href="#">2</a></div>
      <div><a href="#">3</a></div>
      <div><a href="#">4</a></div>
    </div>  </body>
    </html>试试jquery的做法吧,把上面alert(1)的地方替换成你的代码