最小圆加载指示器 - jquery-spinner.js

最小圆加载指示器 - jquery-spinner.js

版本:

浏览量:75

最后更新:2021-09-11

应用标签:Jquery插件MAC 软件

推荐指数:

详细信息

用于 jQuery 项目的最小动画圆形加载指示器插件。加载微调器是用纯 CSS/CSS3 编写的。jQuery 仅用于以编程方式显示/隐藏/配置加载微调器。

如何使用它:

1.在 HTML 文档中加载插件的样式表jquery-spinner.min.css和 JavaScript jquery-spinner.min.js(捆绑了 jQuery)。

<link rel="stylesheet" href="./dist/jquery-spinner.min.css" />
<script src="./dist/jquery-spinner.min.js"></script>

2. 初始化插件并确定要在其中显示加载指示器的容器。

<div id="container">
  Any Content Here
</div>
var spinner = new jQuerySpinner({
    parentId: 'container'
});

3. 显示容器中的装载指示器。

spinner.show();

4. 在您的 HTTP/AJAX 请求完成的情况下隐藏加载指示器。

spinner.hide();

5. 配置背景叠加淡入淡出动画的持续时间。默认值:300 毫秒。

var spinner = new jQuerySpinner({
    parentId: 'container',
    duration: 1000
});

6. 禁用加载指示器。

var spinner = new jQuerySpinner({
    parentId: 'container',
    created: false
});

发表评论

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