在线建站培训
您的位置: 魔客吧站长论坛网页特效查看内容

一款网格图像动画特效jquery

轮子 发表于 2017-5-19 13:26 | 查看:243 | 回复:0
网站特效
效果: 其它 
脚本: JS代码 

201705171531.jpg

简要教程
gridImageAnimation.js是一款网格图像动画特效jquery插件。该网格图像动画可以将图片以网格方式动画显示和隐藏。用户可以指定是要显示还是隐藏图片,指定单元格数量和动画速度等。
使用方法
在页面中引入jquery和gridImageAnimation.js文件。
<script src="path/to/jquery.min.js"></script>
<script src="path/to/gridImageAnimation.js"></script>                  
               
初始化插件

在页面DOM元素加载完毕,可以通过下面的方法来初始化该网格图像动画插件。
var grid = img.gridImageAnimation({ 'mode' : 'fadeIn',
                                      'cell' : 15 ,
                                      'speed' : 70,
                                      'durationFading' : 200,
                                      'previewBox' : null,
                                       complete : null
                                    });      
               
配置参数
该该网格图像动画插件的配置参数如下:
mode:动画的模式,表示是要显示图片还是隐藏图片。可选值有:fadeIn 或 fadeOut。
cell:该参数表示要将图片分割为多少个单元格。默认为15,值不能太小。
speed:单元格动画的速度。
durationFading:单元格动画的持续时间。
previewBox:要执行网格图像动画图片的父容器。可以为空。
complete:网格图像动画执行结束之后的回调函数。
请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

售价: 免费    【充值金币】 
下载权限: 无下载限制    【购买VIP】