解决进入下拉区域不隐藏;离开导航菜单div,不进入下拉,隐藏下拉div。
var timer = null; //导航栏里div $('.dhxlcd').mouseenter(function () { clearTimeout(timer); $('.sec_ul').css('display','block'); }).mouseleave(function () { timer = setTimeout(function(){ $('.sec_ul').hide(); },100) }); //下拉菜单div $('.sec_ul').mouseenter(function () { clearTimeout(timer); $('.sec_ul').css('display','block'); }).mouseleave(function () { timer = setTimeout(function(){ $('.sec_ul').hide(); },100) });