今天小编跟大家讲解下有关css实现的滑动鼠标到img后切换图片移开恢复默认 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css实现的滑动鼠标到img后切换图片移开恢复默认 的相关资料,希望小伙伴们看了有所帮助。
写了个例子:复制代码代码如下:<a href=""><img src="http://xyrl.com/file/upload/202305/24/165641771.gif"border="0"onMouseOver="this.src='http://xyrl.com/file/upload/202305/24/165641811.gif'"onMouseOut="this.src='http://xyrl.com/file/upload/202305/24/165641721.gif'"/></a>在动态代码中的写法:复制代码代码如下:<img src="https://www.aidi.net.cn//css/images/red'+i+'s.png"style="width:20px;height:29px;"onMouseOver="this.src=\'images/blue'+i+'s.png\'"; onMouseOut="this.src=\'images/red'+i+'s.png\';">实现效果 初始状态: 鼠标滑动上: 鼠标移开:来源:爱蒂网