使用 jQuery 的极简 4 点加载微调器 - loading.js

使用 jQuery 的极简 4 点加载微调器 - loading.js

版本:

浏览量:1154

最后更新:2021-09-12

应用标签:gitMAC 软件Jquery插件

推荐指数:

详细信息

用于内容加载器或页面预加载的最小、动画、仅 CSS、4 点微调器组件jQuery 仅用于根据您的需要启动和停止加载微调器。

如何使用它:

1. 加载loading.css加载微调器的样式表

<link rel="stylesheet" href="./loading.css" />

2.loading.js加载jQuery JavaScript 库后加载主脚本

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/loading.js"></script>

3. 启动加载微调器并指定微调器底部显示的加载内容。

$.loading.start('Loading...')

4. 停止装载旋转器。

$.loading.end()

5. 覆盖加载微调器的默认样式。可选的。

.spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  -webkit-transform: scale(.75);
  -ms-transform: scale(.75);
  transform: scale(.75);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: .3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
  animation: antSpinMove 1s infinite linear alternate;
}
联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

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

正在加载二维码...

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

发表评论

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