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 相关文章推荐
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
DOM2非标准但却支持很好的几个属性小结
Jan 21 Javascript
移动节点的jquery代码
Jan 13 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
jQuery解析json数据实例分析
Nov 24 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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
模拟OICQ的实现思路和核心程序(二)
2006/10/09 PHP
探讨fckeditor在Php中的配置详解
2013/06/08 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
精通Javascript系列之数值计算
2011/06/07 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
jQuery操作input值的各种方法总结
2013/11/21 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
百度判断手机终端并自动跳转js代码及使用实例
2014/06/11 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
jQuery中hover与mouseover和mouseout的区别分析
2015/12/24 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
Python+Django搭建自己的blog网站
2018/03/13 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
python3读取excel文件只提取某些行某些列的值方法
2018/07/10 Python
15行Python代码实现网易云热门歌单实例教程
2019/03/10 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
ZABBIX3.2使用python脚本实现监控报表的方法
2019/07/02 Python
pymysql的简单封装代码实例
2020/01/08 Python
python接口自动化框架实战
2020/12/23 Python
网络教育毕业生自我鉴定
2013/10/10 职场文书
婚前协议书怎么写
2014/04/15 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
导游词之唐山景点
2019/12/18 职场文书