按钮交互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);
});

拿来用即可，效果即现。

转载于:https://www.cnblogs.com/pyspang/p/10064324.html

按钮交互loading ---- 转圈圈加载相关推荐

窗体分为左右两部分，要求在左边栏点击按钮时，右边动态加载窗体
http://smartsoft.5d6d.com/thread-7420-1-1.html 今天在做项目时候遇到一个问题,窗体分为左右两部分,要求在左边栏点击按钮时,右边动态加载窗体最后想到用pa ...
layui loading动画_loading加载和layer.js
layer.js中的loading加载 l本篇主要介绍layerjs中的loading加载在实际项目中的应用 1.使用的技术前端:HTML5+CSS3+JS+layer.js 后端:.net 2.遇 ...
ajax的loading方法,Ajax加载中显示loading的方法
使用ajaxStart方法定义一个全局的"加载中..."提示$(function(){ $("#loading").ajaxStart(function(){ ...
js在html之前加载,js加载前显示loading（页面加载前）
工作中遇到,需要加loading.1.用jquery的load方法读取页面,页面读取完成前显示loading.2.首页js等加载过慢,页面加载完成前显示loading. (1).jquery .loa ...
1.2文字排版、颜色、表格、图像形状、Jumbotron、信息提示框、按钮、按钮组、徽章、加载效果、分页、列表组、卡片、下拉菜单、折叠
Bootstrap 5 默认设置 Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5. 此外,所有的 <p> 元素 margin-top ...
Java Swing 实现loading进度条加载效果
前言必读读者手册(必读)_云边的快乐猫的博客-CSDN博客前言: 这个可以用来做一些页面的加载进度条还是很不错的,起到美观的作用,一些代码内容也是根据别的大佬拿来修改完成.这是在id ...
【WPF学习笔记】之如何点击“新建”按钮，在面板中加载一条条的“用户控件”的信息：动画系列之（四）...
...... 承接上一系列动画三. 在主界面后台代码设置嵌套第二个用户控件. using System; using System.Collections.Generic; using System. ...
Loading 用户体验 - 加载时避免闪烁
掘金Loading渐变效果, 数据加载等待时的, 渐变效果
在线预览效果戳这里 <div class="box"><div class="row"></div><div cla ...

按钮交互loading ---- 转圈圈加载

按钮交互loading ---- 转圈圈加载相关推荐

最新文章

热门文章

按钮交互loading ---- 转圈圈 加载

按钮交互loading ---- 转圈圈 加载相关推荐

最新文章

热门文章

按钮交互loading ---- 转圈圈加载

按钮交互loading ---- 转圈圈加载相关推荐