loadingJS网页图片预加载动画插件

js代码

<script src="loading.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var load = new Load({
			el:'#load',//绑定元素容器
			hide:'#app',//隐藏元素选择器 在加载完成前将该选择器下的元素全部进行隐藏 加载完成后再进行显示 起到防止滚动的作用
			bindClass:'.load',//如果只想预加载有指定类名的图片就写这 不加则默认是自动预加载网页中的所有img
			wait:10000,//加载超时时间	 默认10000毫秒
			animateTime:'1.5s',//动画淡入淡出时间 默认1.5s 建议不要超过delTime的时间 否则动画未加载完元素就会被彻底删除
			delTime:3000,//完全删除动画元素时间(包括容器) 默认3000毫秒
			callback:()=>{
				// 载入成功后回调事件
				console.log('加载成功')
			}
		});
	</script>