js鼠标悬停在a标签显示div,移走鼠标div消失，鼠标悬停在div上时div不消失

把鼠标悬浮在标签a标签上时，出现或隐藏div，当div出现之后，将鼠标移到div上的时候，div不消失鼠标还可以继续操作其他功能的代码如下：

<a >按钮</a>
<div  style="display:none;">默认隐藏的div</div>
<script>
(function(){
  var btn = ('login-btn');
  var box = ('login-box');
  var timer = null; 
   =  = function(){
    if(timer) clearTimeout(timer)
       = 'block';
  }
   =  = function(){
    timer = setTimeout(function(){
       = 'none';
    },400);

  }
})();
</script>

说明：
把login-btn和login-box换成你自己的id名就可以了，注意，div默认是隐藏的。

来源于@秦兽兽博客