web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
图片特效
Gif图片预览和播放jQuery插件
分类：
图片特效
日期：
2024-05-14
点击(4)
评论(0)
演 示
免费下载
简介
##### 使用方法 在页面中引入jquery.gif.min.js文件和样式文件jquery.gif.css。 ```html <link rel='stylesheet' type='text/css' href='css/jquery.gif.css' /> <script src="path/to/jquery.gif.min.js"></script> ``` ##### HTML结构 使用img元素来制作该效果。其中src属性指向一张静态的预览图片，data-gif属性指向GIF图片。 ```html <img src="img/1.jpg" alt="GIF Loader" data-gif="img/1.gif" class="gif"> ``` ##### 初始化插件 在页面DOM元素加载完毕之后，可以通过gif()方法来初始化该插件。下面的代码对页面中所有class 为.gif的图片都进行初始化。 ```html $( document ).ready(function() { // swap all the gifs on the page. $('.gif').each(function() { $(this).gif(); }); }); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
