fakeLoader页面加载前loading效果

来源:https://www.sucaihuo.com/js/284.html 2015-08-21 02:00浏览(2629) 收藏

fakeLoader.js可以帮助我们创建一个全屏的加载过渡动画,当页面加载时,显示加载动画,当页面加载完成后动画消失并立即显示页面内容。本文使用fakeLoader演示了8种不同的加载动画效果。
fakeLoader页面加载前loading效果
分类:其它特效 > 动画效果 难易:中级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

HTML

<div id="fakeLoader"></div>

引入jQuery和fakeLoader相关组件

<link rel="stylesheet" href="css/fakeLoader.css"> 
<script src="js/jquery.js"></script> 
<script src="js/fakeLoader.min.js"></script>

调用fakeloader页面加载插件

$("#fakeloader").fakeLoader();
参数 描述 默认值
timeToHide 过渡加载动画时间,毫秒 1200
spinner 动画效果,有7个值可选: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' spinner1
bgColor 过渡遮罩层背景色 #2ecc71
imagePath 自定义过渡动画图片 -
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2