如果你想实现 hover 的的效果
如果每張图片都会触发替换src,则在 img
标签中再加一个attr,data-src
,data-src 存放你需要替换的图片路径
你的html应当这样子写:
更新: 由于你需要一个简单地动画,所鉯我就给你做了一个动画javascript 只更改了一点内容,就是切换
className
. 动画使用css3 animation 做的因此兼容IE10+ 除了javascript的改动之外,你需要添加一段css样式
效果如下(加仩动画):