延时提示框

dxm809

于 2020-03-15 20:24:32 发布

阅读量109

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.youkuaiyun.com/dxm809/article/details/104885204

版权

JAVASCRIPT 专栏收录该内容

134 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#a{
				
			}
		</style>
		<script>
			window.onload=function(){
				var a=document.getElementById('head');
				var dv=document.getElementById('dv');
				var timer=null;
				a.onmouseover=dv.onmousemove=function(){
					clearTimeout(timer);
					setTimeout(function(){
						dv.style.display='block';
					},300);
				}
				
				a.onmouseout=dv.onmouseout=function(){
					clearTimeout(timer);
					setTimeout(function(){
						dv.style.display='none';
					},300);
				}
			}
		</script>
	</head>
	<body>
		<div>
			<a href="###" id="head">显示</a>
			<div id="dv" style="display: none;">hello</div>
		</div>
	</body>
</html>