https://github.com/lovefc/loadpage

一款轻量级页面加载动画js插件,可以用来设置页面加载动画
https://github.com/lovefc/loadpage

Last synced: 8 months ago
JSON representation

一款轻量级页面加载动画js插件,可以用来设置页面加载动画

• Host: GitHub
• URL: https://github.com/lovefc/loadpage
• Owner: lovefc
• License: apache-2.0
• Created: 2021-10-15T09:49:02.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-02-11T11:45:44.000Z (over 3 years ago)
• Last Synced: 2025-01-09T22:17:52.225Z (10 months ago)
• Language: JavaScript
• Size: 1.54 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
**loadpage-轻量级页面加载js**

- 一款轻量级的页面加载器,可自定义动画以及加载样式

- 使用简单,操作自由,支持webpack打包使用,创建属于自己的加载动画

![演示动画](./demo.gif)

**如何使用** 

- `new loadpage({ delayTime: 3000}).loading();`

**案例展示：** 

* [默认加载](https://loadpage.lovefc.cn/test/index.html)

* [win样式加载](https://loadpage.lovefc.cn/test/win.html)

* [自触发加载](https://loadpage.lovefc.cn/test/custom.html)

**配置参数** 

|参数名|必选|类型|说明|

|:----    |:---|:----- |-----   |

| delayTime | 否  |int | 执行时间,单位毫秒,默认3000   |

| loadMode  | 否  |string | 加载方式,part(局部,也就是dom渲染完),all(等待图片等资源)   |

| divHtml | 否  | string | 渲染的html,自定义样式时候使用   |

| themeCss | 否  | string | 要加载的css样式   |

| animateName | 否  | string | 要执行的动画名称,默认的动画有fadeOut(渐隐),pullUp(延迟上拉),pullDown(延迟下拉)   |

| defaultCss | 否  | string | 默认加载的样式,大可不必更改   |

| loadID | 否  | string | 默认加载的id名称,大可不必更改   |

**注意事项**

- 为了确保能够加载中不闪屏,请把js放在head头中或者body标签的上面