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简单的轮播的图片滚动实例
Jun 17 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
Jun 09 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
JavaScript中的Math.atan2()方法使用详解
Jun 15 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
JavaScript对象引用与赋值实例详解
Mar 15 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
vue自动化表单实例分析
May 06 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 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
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
php 启动报错如何解决
2014/01/17 PHP
php数组删除元素示例
2014/03/21 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
jQuery版仿Path菜单效果
2011/12/15 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
2013/02/18 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
React利用插件和不用插件实现双向绑定的方法详解
2017/07/03 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
傻瓜式vuex语法糖kiss-vuex整理
2018/12/21 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
2020/03/26 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
matplotlib绘图实例演示标记路径
2018/01/23 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
工程部经理岗位职责
2013/12/08 职场文书
英语专业个人求职信范文
2014/02/01 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
就业协议书的作用
2014/04/11 职场文书
大学毕业生推荐信
2014/07/09 职场文书
农村文化建设标语
2014/10/07 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书