<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<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>
</body>
</html>
鼠标移上提示框 提示框不消失
猜你喜欢
转载自blog.csdn.net/czy279470138/article/details/89159276
今日推荐
周排行