JavaScript 鼠标划入划出

最新推荐文章于 2022-08-08 16:54:26 发布

ttcyan

最新推荐文章于 2022-08-08 16:54:26 发布

阅读量6.7k

点赞数 1

本文链接：https://blog.csdn.net/cyanciel/article/details/53898707

版权

JavaScript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title>鼠标移入移出</title>
		<meta charset="utf-8" />
	</head>
	<body>
		<div id="over">My lovely Heburn.</div>
		<div id="heburn" style="display:none;"><img src="ah.jpg"></div>
	</body>
	<script>
		var over = document.getElementById('over');
		var heburn = document.getElementById('heburn');
		
		over.onmouseover = function () {
			heburn.style.display = 'block';
		};		
		over.onmouseout = function () {
			heburn.style.display = 'none';
		};
	</script>
</html>