zoukankan      html  css  js  c++  java
  • 按钮交互loading ---- 转圈圈 加载

    按钮loading状态自定义选项(功能)

    可以在元素上添加 data-am-loading 来设置选项:

    • spinner 加载动画图标,适用于支持 CSS3 动画、非 input 元素,写图标名称即可;
    • loadingText 加载时显示的文字, 默认为 loading
    • resetText 重置以后的显示的文字,默认为原来的内容
      <button type="button" class="am-btn am-btn-primary btn-loading-example" data-am-loading="{spinner: 'circle-o-notch', loadingText: '加载中...', resetText: '加载过了'}">按钮 - button 元素</button>
      
      <input type="button" class="am-btn am-btn-secondary btn-loading-example" value="按钮 - input 元素" data-am-loading="{loadingText: '努力加载中...'}" />
      
      $('.btn-loading-example').click(function () {
        var $btn = $(this)
        $btn.button('loading');
          setTimeout(function(){
            $btn.button('reset');
        }, 5000);
      });

      拿来用即可,效果即现。

  • 相关阅读:
    AFNetwork 作用和用法详解
    ios 常见错误记录
    UIView的setNeedsLayout, layoutIfNeeded 和 layoutSubviews 方法之间的关系解释
    AutoLayout
    矩阵的法式
    极小多项式
    对角化
    线性映射
    线性方程组的解
    特征值和特征向量
  • 原文地址:https://www.cnblogs.com/pyspang/p/10064324.html
Copyright © 2011-2022 走看看