使用fakeLoader.js创建页面加载动画
HTML
我们只需要在<body>的第一行加入以下代码。
<div id="fakeLoader"></div>
CSS
然后在<head>里载入css样式文件。
<link rel="stylesheet" href="css/fakeLoader.css"> JS
别忘了加载jQuery库文件以及fakeLoader.js。
<script src="js/jquery.js"></script> <script src="js/fakeLoader.min.js"></script>
然后在</body>的上一行加入以下代码：
<script type="text/javascript"> $("#fakeloader").fakeLoader(); </script>以上代码就是调用了fakeLoader.js插件，该插件还提供了以下选项设置。
timeToHide：过渡加载动画时间，毫秒，默认1200。
spinner：动画效果，有7个值可选： 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'，默认值：spinner1。
bgColor：过渡遮罩层背景色，默认："#2ecc71"。
imagePath：自定义过渡动画图片。
本文由用户 jopen 自行上传分享，仅供网友学习交流。所有权归原作者，若您的权利被侵害，请联系管理员。
转载本站原创文章，请注明出处，并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台，欢迎各类分享！