炫酷简单的loading效果
来源:互联网 发布:linux查看组内用户 编辑:程序博客网 时间:2024/06/04 22:21
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过程
- STM32之调试输出printf
- python 创建多个线程并启动
- eclipse中DeplaymentAssembly,Java Build Path,Java Compiler,Project Facets的作用
- Error:(72) error: unknown element <user-permission> found.
- Generic+Netlink内核实现分析(二):通信
- 炫酷简单的loading效果
- jQuery中的attr()和prop()的区别
- element v-for 下拉框 无法进行表单验证
- 第九周项目三(4) 返回二叉链b中data值为x的节点的层数
- JavaScript获取css属性的兼容写法
- Andriod开发命名规范和编码规范
- 关于Java克隆的简单记录
- 第十一周项目4---利用遍历思想求解图问题(3)
- mysql怎么终止当前正在执行的sql语句