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 相关文章推荐
prototype Element学习笔记(篇一)
Oct 26 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
Dec 10 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
JS制作图形验证码实现代码
Oct 19 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
详解webpack之scss和postcss-loader的配置
Jan 09 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
微信小程序实现首页弹出广告
Dec 03 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
PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法
2012/10/31 PHP
Web程序工作原理详解
2014/12/25 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
Js组件的一些写法
2010/09/10 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
javascript使用正则获取url上的某个参数
2014/09/04 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
基于vue实现分页效果
2017/11/06 Javascript
基于vue.js实现的分页
2018/03/13 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
使用Python实现微信提醒备忘录功能
2018/12/04 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
Python装饰器用法实例分析
2019/01/14 Python
python实现socket+threading处理多连接的方法
2019/07/23 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
Blue Nile蓝色尼罗河香港官网:世界最大在线钻石珠宝销售商
2020/05/07 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
土木工程专业个人求职信
2013/12/05 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
12.4全国法制宣传日活动方案
2014/11/02 职场文书
比较node.js和Deno
2021/04/27 Javascript