jq小案例之高亮显示图片

最新推荐文章于 2022-03-19 11:30:19 发布

Ron韦斯莱

最新推荐文章于 2022-03-19 11:30:19 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_43537987/article/details/89003195

版权

本文分享了一个使用jQuery实现的图片高亮显示的小案例，通过mouseover和mouseout事件，结合CSS和jQuery的选择器、方法，如siblings()和find()，达到高亮显示目标图片的效果。适合初学者了解和学习。

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

先来看一下效果吧：
在这里插入图片描述
结构及样式代码
html:

<body>
<div class="wrap">
    <ul>
        <li><a href="#"><img src="images/01.jpg" alt=""/></a></li>
        <li><a href="#"><img src="images/02.jpg" alt=""/></a></li>
        <li><a href="#"><img src="images/03.jpg" alt=""/></a></li>
        <li><a href="#"><img src="images/04.jpg" alt=""/></a></li>
        <li><a href="#"><img src="images/05.jpg" alt=""/></a></li>
        <li><a href="#"><img src="images/06.