关于鼠标移动显示和隐藏的问题

我用div做了一个下拉菜单,当鼠标移到标题栏的时候显示菜单,操作菜单栏的时候鼠标事件的mouseover和mouseenter都不起作用

移动显示的下拉效果用hover+display样式的方式比较好。

function showDiv(){
    $(".dmb").show();
  }
  var delayTime;
  function hideDiv(){
    delayTime=setTimeout(function(){$(".dmb").hide()},2000);
    $(".dmb").mouseenter=function(){
      clearTimeout(delayTime);
    }
  }
        这样有什么问题吗,我设置了一个延迟隐藏菜单,当我鼠标移到菜单的时候我就取消这个延迟隐藏