这篇文章主要介绍了关于Jquery添加loading过渡遮罩有着一定的参考价值现在分享给大家有需要的朋友可以参考一下用webpack 这篇文章主要介绍了关于Jquery添加loading过渡遮罩 有着一定的参考
这篇文章主要介绍了关于Jquery添加loading过渡遮罩 有着一定的参考价值现在分享给大家有需要的朋友可以参考一下
用webpack打包一个h5项目css也打包在bundle.js里加载稍慢就会有有几秒钟页面呈现出一个没有样式的丑态所以想设置一个白色遮罩等js加载完毕消失。
在body中放一个自带行内样式(这样就不必依赖bundle.js里提供的样式信息在第一时间被加载出来)的loading块。
然后等js加载完之后执行消失的方法这里利用animate()的回调函数过渡更加自然一些想要花功夫调的话也有很大空间。//index.js(打包后出现在bundle.js里)
$(#loading).animate({
opacity: 0
}, function () {
$(#loading).hide()
})
效果如下
优化之前是这样差别还是很大的
