html让gif图片暂停,控制GIF动画暂停播放的代码

控制GIF动画暂停播放的代码

蓝叶网站设计 2016-05-08 9541 1评论

分享文章时配上一些GIF动画图片是很不错的，可以很好的展示一些信息，也可以让用户更明白文章的重点；GIF图片文件比静态图片体积要大，一个页面如果展示太多GIF动画图片，打开页面时占用浏览器资源会比较高，页面会有些卡顿，这时候我们可以用到这个控制GIF动画图片暂停播放的特效代码，使用后当页面打开后，所有的GIF动画都是暂停状态，只有点击后才开始播放，有效的降低了浏览器资源占用问题，这可比一打开页面就播放GIF动画来说是很不错的用户体验。

这个控制GIF动画暂停播放的代码JS文件只有不到2KB大小，只需要按照下面的方法引用到页面中就可以使用了，这个代码要用到jquery库，所以安装代码时要检查下页面是否引用了jquery库，如果没有就自己加上jquery库引用代码。

在页面源代码前面加上下面的代码，注意写好gifffer.js的引用路径：

来源：百度网盘| 大小：924KB| 下载次数：980次

评论一下

赞助蓝叶

赞助蓝叶X

版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《蓝叶博客》。

本文网址：https://lanyes.org/web/734.html

html让gif图片暂停,控制GIF动画暂停播放的代码相关推荐

animation unity 速度_animator下怎么控制指定动画的播放速度
匿名用户 1级 2016-02-02 回答 1,如果要改变速度的动画不多,比如就要停止和正常播放两种状态,可以使用blend tree 进行分支处理,一个是速度为0,一个为1的. 2,使用Time.t ...
【Unity3D小技巧】Unity3D中Animation和Animator动画的播放、暂停、倒放控制
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享简书地址我的个人博客大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦. 一.前言 ...
Unity中使用动画状态机控制Spine动画
下载Spine-Unity 为了在Unity中支持Spine动画,在http://zh.esotericsoftware.com/spine-unity-download/#Download下载spi ...
设置动画的播放方向，状态，时间外属性
设置动画播放的方向 animation-direction属性:主要用来设置动画播放方向. 其主要有两个值:normal.alternate 1.normal是默认值,如果设置为normal时,动画的 ...
用css3的@keyframes里设置transform:rotate(); 当控制动画暂停:animation-play-state:paused暂停,在微信和safari里无效...
用css3动画 @keyframes里设置transform:rotate(); 控制动画暂停和运动可以用属性:animation-play-state:paused(暂停)|running(运动) ...
U3D Animator 组件控制动画的播放暂停，动态添加帧事件
//顺便说一句,U3D的动画编辑器有BUG,添加关键帧事件后选了函数会说不支持,其实是可以用.运行下看结果来定吧. //大家好我是笨笨,笨笨的笨,笨笨的笨,谢谢! //20150810 by Jerr ...
vue-lottie控制动画的播放、暂停、跳转帧数
lottie 简介 Lottie适用于Android, iOS. iOS.Web, React Native.[React Native](https://github.com/airbnb/lott ...
H5多媒体（用面向对象的方法控制视频、音频播放、暂停、延时暂停）
视频,音频播放器会是我们在工作中用到的一些h5新标签,它自带一些属性,比如暂停播放,快进快退,但是,我们经常不用原生的样式或者方法,我们需要自定义这些按钮来达到我们需要的样式,也需要我们自定义来实现一 ...
Unity动画暂停的方法
项目背景介绍,使用遮罩的方式可以同时在一个人物上实现多个动画同时执行.这里例子中有两个层分别是Base Layer.BarkMask.在Base Layer中包括idle.walk.eat3个动画. ...

html让gif图片暂停,控制GIF动画暂停播放的代码

html让gif图片暂停,控制GIF动画暂停播放的代码相关推荐

最新文章

热门文章