jQuery 和 Font Awesome 的最小按钮加载指示器

jQuery 和 Font Awesome 的最小按钮加载指示器

版本:

浏览量:1049

最后更新:2021-09-12

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

推荐指数:

详细信息

只是另一个用于操作按钮的内联加载指示器插件,可在单击时将按钮内的图标转换为动画Font Awesome微调器。

也可以看看:

  • 10 个最佳加载 Spinner 插件

  • 80 多个面向前端开发人员的最佳纯 CSS 加载微调器

  • 10 个最佳加载 Spinner/Indicator JavaScript 和 CSS 库

如何使用它:

1. 在文档中加载必要的 jQuery 库和 Font Awesome Iconic Font。

<link rel="stylesheet" href="/path/to/cdn/fontawesome.css" />
<script src="/path/to/cdn/jquery.min.js"></script>

2. 在您的操作按钮中插入一个 Font Awesome 图标。

<a class="btn">
  <i class="fas fa-address-card"></i>
  Click Me
</a>

3. 启动按钮内的加载指示器。

$("a").on("click", function(ev) {
  ev.preventDefault();
  $(this).startLoading();
});

4. 停止加载指示器并在操作完成后恢复原来的图标。

$("a").stopLoading();

 

联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

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

正在加载二维码...

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

发表评论

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