【HTML】js控制代码，鼠标移入移除改变颜色

最新推荐文章于 2023-08-26 11:05:53 发布

.WNB

最新推荐文章于 2023-08-26 11:05:53 发布

阅读量1.8k

点赞数

分类专栏： HTML 文章标签： javascript html 开发语言经验分享

本文链接：https://blog.csdn.net/qq_51237779/article/details/127743484

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

非常简单的一段小代码！

鼠标移入移除显示不同的颜色。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#ronggi{
				width: 350px;
				height: 300px;
				background-color: red;
			}
		</style>
		<script>
			function changeBlue(){
				document.getElementById("ronggi").style.background="blue";
			}
			function changeRed(){
				document.getElementById("ronggi").style.background="red";
				}
		</script>
	</head>
	<body>
		<h3>改变颜色</h3>
		<div id="ronggi" onmouseover="changeBlue()" onmouseout="changeRed()">
			
		</div>
	</body>
</html>