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 相关文章推荐
JQuery select标签操作代码段
May 16 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
Jul 20 Javascript
基于JQuery 选择器使用说明介绍
Apr 18 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
Bootstrap学习笔记之css样式设计(2)
Jun 07 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 Javascript
js字符串倒序的实例代码
Nov 30 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
一个目录遍历函数
2006/10/09 PHP
Session的工作方式
2006/10/09 PHP
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
Smarty分页实现方法完整实例
2016/05/11 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
2018/02/27 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
python二分查找算法的递归实现方法
2016/05/12 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
kali中python版本的切换方法
2019/07/11 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
美国电视购物:QVC
2017/02/06 全球购物
索引覆盖(Index Covering)查询含义
2012/02/18 面试题
管理专员自荐信
2014/01/26 职场文书
学位证书委托书
2014/09/30 职场文书
《社戏》教学反思
2016/02/22 职场文书
Python 中random 库的详细使用
2021/06/03 Python