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

版本:

浏览量:1119

最后更新：2021-09-12

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

推荐指数:

查看演示点击下载

详细信息

用于内容加载器或页面预加载器的最小、动画、仅 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;
}

联系我们