鼠标移入a标签更换图片，移出图片复原。

最新推荐文章于 2023-01-01 20:12:32 发布

哈士奇会发光

最新推荐文章于 2023-01-01 20:12:32 发布

阅读量2.5k

点赞数

分类专栏：前端文章标签： a标签

本文链接：https://blog.csdn.net/qq_42692854/article/details/83412237

版权

本文介绍如何通过JavaScript实现鼠标移入a标签时更换图片，并在移出时恢复原图。每个a标签内，更换的图片路径与原图相同，只需在名字后加'over'。这种方法适用于多个a标签，且代码可复用，适合初学者学习。

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

多个带图片的a标签用js一个方法实现鼠标移入移出换图片

- 首先是jsp
- JS代码

具体实现的功能就是：a标签包括图片和文字，然后鼠标移到整个a标签（不论是移到图片还是移到文字）图片都会改变，移出后图片复原。

首先是jsp

<a onmouseover="toggle(this,'图片名字1')" onmouseout="toggle(this,'图片名字1')" href="#" onclick="#">
		<img src="${contextPath}/static/common/img/header-help/图片名字1.png"/>
		收藏本站
</a>

<a onmouseover="toggle(this,'图片名字2')" onmouseout="toggle(this,'图片名字2')"</