记录3：复习：图片变换

最新推荐文章于 2024-04-05 13:34:48 发布

Bbridge24

最新推荐文章于 2024-04-05 13:34:48 发布

阅读量125

点赞数

本文链接：https://blog.csdn.net/Bbridge24/article/details/93628471

版权

简单js运用：

<title>图片变换</title>
	<style>
	.pic {
		width: 300px;
		height: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	</style>
</head>
<body>
	<div class="pic">
		<img src="images/jia.png" alt="黑白" id="myimg">
	</div>
	<script>
	var myimg = document.getElementById("myimg");
		myimg.onmouseover = function(){
			this.src = "images/jia2.png";
		}
		myimg.onmouseout = function(){
			this.src = "images/jia.png";
		}
	</script>
</body>