关于冒泡的疑惑

最近写一菜单，在获取元素上不同的方法直接导致了冒泡发生与不发生，看代码：

fu.onmouseout=function(){
    this.style.display=""
    }

第一方法：上边是当鼠标离开时，fu隐藏，但是fu下边有a标签，鼠标离开a标签同样触发事件。于是又针对a标签写了一段阻止冒泡的代码。

for(var s=0;s<li.length;s++){
    li[s].onmouseover=function(){
        this.children[1].style.display=""
        }
    }

第二方法：上边是当鼠标离开时，li的下边第二个子元素隐藏，但是li下边的第二个子元素下边有a标签，鼠标离开a标签不触发事件。


这是为什么？