jQuery碎片还原原图片动画效果

查看演示 下载资源 下载积分： 10 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML 代码中引入

<div class="popup-container">
	<div class="img-flex"></div>
</div>

js 中引入 外部js文件

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/fragment.js"></script>

添加js代码

$(function() {
var fragmentConfig = {
	container : '.img-flex',//显示容器
	line : 10,//多少行
	column : 24,//多少列
	width : 1000,//显示容器的宽度
	animeTime : 10000,//最长动画时间,图片的取值将在 animeTime*0.33 + animeTime*0.66之前取值 
	img : 'images/1.jpg'//图片路径
};
fragmentImg(fragmentConfig);
});