jQuery效果高亮显示案例

最新推荐文章于 2022-05-27 14:28:18 发布

chowhoundgh

最新推荐文章于 2022-05-27 14:28:18 发布

阅读量1.2k

点赞数 2

本文链接：https://blog.csdn.net/qq_43078424/article/details/104198831

版权

本文介绍了使用jQuery实现高亮显示的案例。设计思路是点击图片时其他图片变暗，通过调整元素透明度达成效果。文章包含CSS、jQuery代码及实际实现效果展示。

摘要由CSDN通过智能技术生成

一、设计思路

高亮显示案例，主要是对之前的jQuery效果做的巩固。它的主要思路是当点击其中一个图片时，其他的图片都变暗。主要是一个大盒子里面放着许多小的li。通过改变他们之间的透明度来实现效果。

二、代码

css

			*{
   
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}
			.wrap{
   
				width: 676px;
				height: 510px;
				overflow: hidden;
				background: black;
			}
			.wrap ul li{
   
				height: 220px;
				float: left;
				border: 2px solid black;
			}
			.wrap img