首页 > 建站教程 > JS、jQ、TS >  鼠标移上去切换图片的js代码正文

鼠标移上去切换图片的js代码

非常简单,首先准备两张图片,第一张叫a1.jpg,第二张叫a2.jpg,下面代码显示第一张图片:
<img src="a1.jpg" />
加入鼠标移入事件和鼠标移出事件即可,如下:
<img onmousemove="this.src='a2.jpg'" onmouseout="this.src='a1.jpg'" src="a1.jpg" />
如果没有“onmouseout”事件,将会导致替换了就换不回来了。