该jQuery插件使用简单 文件体积小 可用于控制任何GIF动画图片的开始播放和暂停播放
使用方法
要使用该GIF动画图片jQuery插件可以分为下面的五个步骤:

在你的页面中添加一个静态版本的GIF图片格式为PNG、jpg等图片格式都可以
在<img>标签中添加data-gif属性指向GIF动画图片或者不写也可以
在图片文件夹中放置.gif格式的图片和它的静态版本的图片两个图片的名称要相同
在你的页面中引入gifplayer.js和gifplayer.css文件
页面加载完毕后通过.gifplayer()方法调用该插件

HTML结构
<img id="maomao" src="img/1.png" class="gifs"/>
<img id="banana" src="img/banana-animated.png" data-gif="img/banana-animated.gif" class="gifs"/>                
调用插件
<script>
$('.gifs').gifplayer();
</script>                
可用参数
选项     值     默认值
label     圆形播放按钮中的文字     'gif'
autoLoad     true 或 false