炫酷简单的loading效果
来源:互联网 发布:福建福州广电网络招聘 编辑:程序博客网 时间:2024/06/05 10:49
1、引入插件
<!-- loading效果插件 -->
<link type="text/css" rel="stylesheet" href="/static/widgets/waitme/waitMe.css">
<script type="text/javascript" src="/static/widgets/waitme/waitMe.js"></script>
2、使用插件
function uploadBrandDict() {
var files = $("#file").val();
if (files == null || files == "") {
alert("请选择文件");
return false;
} else if (files.substr(files.length - 4, 4).toLowerCase().match("(^.csv)") == null) {
alert("请选择.csv格式文件");
return false;
} else {
if (confirm('确定上传?')) { //关键在这里,这里是一个确定按钮,当然你可以换成任何你定义的按钮
$("#inputForm1")[0].submit();
$('#uploadDiv').dialog('close');
//上传loading效果
run_waitMe('progressBar');//progressBar,只是其中的一种效果,有多种效果可供选择
}
}
}
function run_waitMe(effect){
$('#page-content').waitMe({
effect: effect,
text: '正在上传,如果数据量比较大请耐心等待...',
bg: 'rgba(255,255,255,0.7)',
color:'#000',
sizeW:'',
sizeH:'',
source: ''
});
}
插件下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201505061788.html
- 炫酷简单的loading效果
- 炫酷简单的loading效果
- 最简单的 ajax Loading 效果
- 给页面加上Loading效果最简单实用的办法
- 一步一步用CSS3实现简单的Loading动画效果
- 一个很酷的加载loading效果
- 一个很酷的加载loading效果
- 一个简单的loading
- Javascript实现loading的效果
- 一个loading效果的实例
- 不错的页面loading效果
- Android Market的 Loading效果
- 自定义Loading的动态效果
- 前端loading效果的实现
- Android各种loading的效果
- HTML5+CSS3 最酷的 loading 效果汇总
- Android 炫酷的loading
- 一个简单的Loading过程
- springboot 基于 maven 自定义格式打包
- gradle编译: Plugin with id 'java-library' not found.
- SQL Server 数据库规范
- Junit源码阅读心得(1)
- 单链表找交点
- 炫酷简单的loading效果
- canvas系列教程06-柱状图项目4
- (A5,一)java反射机制
- eclipse运行断点时找不到类 source not found
- linux系统 安装配置jdk tomcat mysql
- myImage负责往页面中添加img标签
- sql 修改字段中部分值
- 高效率excel操作技巧!关键时刻不马虎,实用!
- 技术焦虑的减法与解法