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

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

版本:

浏览量:1161

最后更新:2021-09-11

应用标签:Jquery插件MAC 软件git

推荐指数:

详细信息

一个轻量级且易于使用的 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"
});
联系我们
免费复制
微信扫码关注领取验证码
注:需在公众号回复"验证码
输入验证码后可免费复制
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

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