一聚教程网:一个值得你收藏的教程网站

热门教程

jquery fakeLoader.js创建页面加载动画例子

时间:2022-06-25 17:40:01 编辑:袖梨 来源:一聚教程网


HTML

我们只需要在的第一行加入以下代码。
 

CSS

然后在里载入css样式文件。
 

JS

别忘了加载jQuery库文件以及fakeLoader.js。
 

然后在的上一行加入以下代码:
 

以上代码就是调用了fakeLoader.js插件,该插件还提供了以下选项设置。
timeToHide:过渡加载动画时间,毫秒,默认1200。
spinner:动画效果,有7个值可选: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7',默认值:spinner1。
bgColor:过渡遮罩层背景色,默认:"#2ecc71"。
imagePath:自定义过渡动画图片。

热门栏目