Jquery easyui 下loaing效果示例代码


Posted in Javascript onAugust 12, 2013
//采用jquery easyui loading css效果 
function ajaxLoading(){ 
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); 
    $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); 
 } 
 function ajaxLoadEnd(){ 
     $(".datagrid-mask").remove(); 
     $(".datagrid-mask-msg").remove();             
} $.ajax({ 
type: 'POST', 
url: 'sendLettersAgain.action', 
data: {id:obj.id}, 
beforeSend:ajaxLoading,\\发送请求前打开进度条 
success: function(robj){ 
ajaxLoadEnd();\\任务执行成功,关闭进度条 
} 
});
Javascript 相关文章推荐
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
Feb 02 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
angular.js+node.js实现下载图片处理详解
Mar 31 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 Javascript
小程序云开发实战小结
Oct 25 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
JS数组方法shift()、unshift()用法实例分析
Jan 18 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 #Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 #Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 #Javascript
js获取php变量的实现代码
Aug 10 #Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 #Javascript
jquery对象和DOM对象的区别介绍
Aug 09 #Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 #Javascript
You might like
BBS(php &amp; mysql)完整版(二)
2006/10/09 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
2015/08/24 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
原生JS运动实现轮播图
2021/01/02 Javascript
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
python中dict()的高级用法实现
2019/11/13 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
公务员平时考核实施方案
2014/03/11 职场文书
化工专业自荐书
2014/06/16 职场文书
高三语文复习计划
2015/01/19 职场文书
趣味运动会开幕词
2015/01/28 职场文书
教师自荐信范文
2015/03/06 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
导游词之南京中山陵
2019/11/27 职场文书
用python修改excel表某一列内容的操作方法
2021/06/11 Python
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js