JD图片移入移出换图效果

最新推荐文章于 2024-01-04 11:19:56 发布

qq_42464346

最新推荐文章于 2024-01-04 11:19:56 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_42464346/article/details/83422239

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<img src="dya3/img/jd1.png" id="JD" onmousemove="red()" onmouseout="green()"/>
		<script type="text/javascript">
			var JD=document.getElementById("JD");
			function red(){
				JD.src="dya3/img/jd1.png"
			}
			
			function green(){
				JD.src="dya3/img/jd2.png"
			}
		</script>
		
		//使用jquery放大方法
			$("#JD").mouseenter(function(){
				$("#JD").attr("src","dya3/img/jd1.png")
			})
			$("#JD").mouseleave(function(){
				$("#JD").attr("src","dya3/img/jd2.png")
			})
	</body>
</html>