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);
      });

      拿来用即可,效果即现。

  • 相关阅读:
    【动态规划】合唱团
    【动态规划】抄近路
    【动态规划】机器人军团
    【贪心】赶作业
    【贪心】时空定位I
    【贪心】雷达问题
    【贪心】监测点
    【贪心】闭区间问题
    设计与实现
    Hello World
  • 原文地址:https://www.cnblogs.com/pyspang/p/10064324.html
Copyright © 2011-2022 走看看