详细信息
用于 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
});
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。