5个最佳网页预加载器插件

本文概述

• 5. jQuery Loading Overlay
• 4. jqueryIntroLoader
• 3. FakeLoader.js
• 2. HoldOn.js
• 1. PleaseWait

加载屏幕非常重要, 可以向用户显示我们的应用程序仍在运行中, 并且当你的应用程序需要许多需要一些时间才能加载的资产时, 你可以添加一个。

在所有必需的资源之前加载这些插件中的任何一个, 以向用户显示覆盖, 并在后台进行神奇的操作而不会造成任何干扰。

5. jQuery Loading Overlay

Github

灵活的加载叠加jQuery插件

• 在整个页面或单个DOM元素上显示加载叠加层
• 跟踪”计数器”(或队列)以允许在单个目标上进行多个呼叫
• 可以根据容器自动调整大小(如果用于同时填充的DOM元素, 则非常有用)
• 与Awesome字体兼容
• 可以显示一个自定义元素来向用户提供反馈完全可配置
• 无需外部CSS, 占地面积小
  

4. jqueryIntroLoader

Github

jqueryIntroLoader插件为你的网站加载一个介绍页面, 该页面在窗口加载事件后消失。你可以选择一些不同的动画和样式！ jqueryIntroLoader插件非常易于使用, 非常适合jQuery初学者！

3. FakeLoader.js

Github

fakeLoader.js是一个轻量级的jQuery插件, 可帮助你创建带有全屏加载蒙版的动画微调器, 以模拟页面预加载效果。

2. HoldOn.js

Github

HoldOn.js是一个简单的插件, 可让你绘制一个覆盖整个屏幕的div, 并防止用户在后台执行某些操作时单击背景上的元素。 HoldOn已经包含一些CSS加载动画, 可以使用主题名称进行选择, 你也可以根据需要更改html内容。

1. PleaseWait

Github

PleaseWait是一个简单的库, 可以在你的应用程序加载时向你的用户显示一个漂亮的启动页面(当然, 你需要使用CSS技巧使其更漂亮)。

你可以随时更改html内容。

如果你想与其他人分享另一个很棒的加载插件, 请不要犹豫在评论框中分享它。