不显眼的加载屏幕和加载栏 - JQLoader

不显眼的加载屏幕和加载栏 - JQLoader

版本:

浏览量:71

最后更新:2021-09-11

应用标签:Jquery插件MAC 软件

推荐指数:

详细信息

一个轻量级且易于使用的 jQuery 插件,用于在页面上创建全屏加载指示器或底部加载栏。

可用于在将某些内容加载到当前文档时在页面或特定容器上显示不显眼的加载器和预加载器。

如何使用它:

1.在网页中添加JQLoader插件的JavaScript和CSS文件。

<script src="/path/to/cdn/jquery.min.js"></script>
<link rel="stylesheet" href="css/JQLoader.css" />
<script src="js/JQLoader.js"></script>

2. 在容器元素或整个页面上显示全屏加载指示器。

$(".div_sample").JQLoader();
$("body").JQLoader();

3.改为显示底部加载栏。

$("body").JQLoader({
  theme: "bottom"
});

4. 确定是否在加载指示器激活时显示全屏覆盖。

$("body").JQLoader({
  mask: true
});

5.自定义底部加载栏的文本和背景颜色。

$("body").JQLoader({
  background: "#444",
  color: "#fff"
});

6.关闭加载界面和加载栏。

$("body").JQLoader({
  action: "close"
});

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。