常用解决办法:
1:Jq~js,利用obj.mouseover()的show()和hide()函数隐藏和显示来实现,但是,面对.box>div.topbar>ul>li>ul{margin-top:4px;display: none;},这样,存在margin-top的时候,mouseout不能实现,进而,使用当mouseout的时候,结合setTImeout(function(){},1000)的办法,给一定的缓冲时间,让响应点进入到合适的响应区域;
例如: timer=setTimeout(function(){$(".topbar>ul>li").children("ul").hide()},1000)
2:利用纯的css来实现,即:hover{}系列,其实,原理入上述的js的show()和hide()