让鼠标悬停在图片上且切换图片,可以在HTML5里直接运用<a href="#"><img onMouseOver="this.src=''" src="" onMouseOut="this.src=''" alt=""></a>这样一条代码,就可以快速利用鼠标悬停切换图片
截图如下:
在截图中可以看到onMouseOver="this.src=''"意思是鼠标悬停时的图片,src=""是默认图片,onMouseOut="this.src=''"是鼠标移出后的图片
处理好后网页内容截图如下:
红色的图片即为切换后的图片