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

一款网格图像动画特效jquery

轮子 发表于 2017-5-19 13:26:25 | 栏目:网页特效
网站特效
效果: 其它 
脚本: 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]   [免费升VIP]

说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵犯您的版权,请及时联系我们,我们将尽快处理。

您需要登录后才可以回帖 登录 | 注册