懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

jQuery马赛克图片还原动画特效代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-04-11
jQuery马赛克图片还原动画特效是一款图片默认是分散效果,打开页面的时候慢慢还原图片的js代码。


js代码

<script type="text/javascript" src="js/fragment.js"></script>
<script type="text/javascript">
$(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);
});
</script>