标签：js

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

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

<a id="login-btn">按钮</a>
<div id="login-box" style="display:none;">默认隐藏的div</div>
<script>

(function(){
  var btn = document.getElementById('login-btn');
  var box = document.getElementById('login-box');
  var timer = null; 
  box.onmouseover = btn.onmouseover = function(){
    if(timer) clearTimeout(timer)
      box.style.display = 'block';
  }
  box.onmouseout = btn.onmouseout = function(){
    timer = setTimeout(function(){
      box.style.display = 'none';
    },400);

  }
})();
</script>