通过CSS或JS实现gif动态图片的停止与播放
到需要可以随时随地停止gif动态图片播放的需求的时候,可以通过下面几种方法实现。 方法一:多img资源控制处理 就是准备2套图片,一个是gif动态图片,还有一个是只有一帧的静止的图片,如jpg图片。然后使用JS来回切换<img>的src值为这两张图片地址,或者通过js实现点击就切换显示两张图片。 这种方法的优点就是兼容性强,所有浏览器都可以实现停止效果。然而这种方法有个局限,就是暂停时候呈现的图片永远是同一张。基本上可以说是停止,而不是暂停。 代码如下: html <div class="inpic"&g...