javascript模拟提示框

最新推荐文章于 2024-04-08 14:07:57 发布

pythonniu

最新推荐文章于 2024-04-08 14:07:57 发布

阅读量401

点赞数

分类专栏： javascript 文章标签： javascript dom

本文链接：https://blog.csdn.net/pythonniu/article/details/54628964

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
	<title>模拟提示框</title>
	<style>
	#div1{
	width:100px;
	height:100px;
	background:#FFCC99;
	border:1px solid #FF9900;   
	display:none;
}
	</style>
</head>
<body>
<label  οnmοuseοver="demo()" οnmοuseοut="Cancel()"><input type="checkbox"/>点我</label>
<div id="div1" >
这是一个简单的提示框。
</div>
<script>
function demo(){
	document.getElementById("div1").style.display='block';
}
function Cancel(){
	document.getElementById("div1").style.display='none';
}
</script>


</body>
</html>