排他（10.4.4）

最新推荐文章于 2024-10-30 19:10:39 发布

weixin_62480477

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量70

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/weixin_62480477/article/details/124908714

版权

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	div {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 5px;
	}

	.box {
	width: 425px;
	height: 105px;
	padding-top: 5px;
	border: 1px solid #ccc;
	}

	.red {
	background-color: red;
	}

	.green {
	background-color: green;
	}

	.yellow {
	background-color: yellow;
	}

	.orange {
	background-color: orange;
	}
	</style>
	<script src="jquery-3.3.1.min.js"></script>
	</head>
	<body>
	<div class="box">
	<div class="red"></div>
	<div class="green"></div>
	<div class="yellow"></div>
	<div class="orange"></div>
	</div>
	<script>
	$(".box div").fadeTo(2000, 0.2);
	$(".box div").hover(function () {
	$(this).fadeTo(1, 1);
	}, function () {
	$(this).fadeTo(1, 0.2);
	});
	</script>
	</body>
	</html>