呵呵,貌似就是我说的那个问题...http://blog.csdn.net/muxrwc/archive/2007/07/31/1718676.aspx可以先参考下这个帖子...因为over到子节点时触发了
父点的out事件...

解决方案 »

  1.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body><div id="b"  style="width:200px;">
    <div id="c" style="height:50px;border:1px solid #000000">
    </div>
    <div id="d" style="height:50px;border:1px solid #000000">
    </div>
    </div>
    <div id="a"></div><script>
    function Event(e){
    var oEvent = (document.all) ? window.event : e;
    if (document.all) {
    oEvent.target = oEvent.srcElement;
    oEvent.stopPropagation = function() { this.cancelBubble = true; }

    //将toElement,fromElement转化为标准的relatedTarget
    if (oEvent.type == "mouseout") {
    oEvent.relatedTarget = oEvent.toElement;
    } else if (oEvent.type == "mouseover") {
    oEvent.relatedTarget = oEvent.fromElement;
    }
    }
    return oEvent;
    }//document.getElementById('c').onmouseout=function(e){Event(e).stopPropagation();}
    //document.getElementById('d').onmouseout=function(e){Event(e).stopPropagation();}
    document.getElementById('b').onmouseout=function(e){ document.getElementById('a').innerHTML+=Event(e).target.id+"_";}</script>
    </body>
    </html>终于明白
    原来b本身的mouseout根本没执行