jquery 开始与结束方法 loading窗

$(function () {

$(document).ajaxStart(function () {
//alert("正在加载");
$(".loadDiv").show();
}).ajaxStop(function () {
//alert("结束加载");
$(".loadDiv").hide(300);
});

})

样式

.loadDiv {
top: 40%;
left: 30%;
position: fixed;
background-color: #333333;
border: solid 2px #999999;
z-index: 2;
border-radius: 10px;
width: 395px;
height: 235px;
opacity: 0.9;
}

.loadDivT {
margin-left: 20px;
height: 80px;
line-height: 87px;
color: #fff;
font-size: 45px;
}

.hr1 {
height: 1px;
border: none;
border-top: 1px solid #c6c6c6;
}

.loadDivC {
padding-top: 30px;
margin-left: 30px;
color: #c6c6c6;
font-size: 35px;
}

.loadDivC img{
width:35px;
}
.loadDivC span{
vertical-align: top;
}

前台

转载于:https://www.cnblogs.com/cxd1008/p/6372450.html

jquery 开始与结束方法 loading窗相关推荐

ajax提交时页面转圈,jquery的ajax提交时loading提示的处理方法
方法1:使用ajaxStart方法定义一个全局的"加载中..."提示 $(function(){ $("#loading").ajaxStart(functio ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
Jquery仿Windows Aero弹出窗
目前市面上已经有很多成熟好用的jquery弹出窗插件,像模态窗口插件(Modal Dialog Plugins)以及数不胜数的灯箱插件(lightbox plugins). 今天介绍的Jquery D ...
转载：jQuery停止动画——stop()方法的使用
jQuery停止动画--stop()方法的使用转载地址很多时候需要停止匹配元素正在进行的动画,比如,当鼠标选入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标 ...
jQuery CSS 操作 - css() 方法
实例设置 <p> 元素的颜色: $(".btn1").click(function(){$("p").css("color", ...
JQuery 的跨域方法可跨任意网站
JS的跨域问题,很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定. 下面开始贴出方法 ...
javascript:jquery.history.js使用方法
javascript:jquery.history.js使用方法 step1:download jquery.history.js step2:create a test page as follow ...
关于使用jQuery时$(document).ready()方法失效问题
关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript">//页面加载后自动执行,不需要按 ...
[jQuery] 针对jQuery性能的优化方法有哪些？
[jQuery] 针对jQuery性能的优化方法有哪些? show slide animate 等频繁修改 dom 很耗性能,可采用 jquery.transit 插件等使用单个 id 或 class ...
[jQuery] jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this
[jQuery] jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this init()方法中返回的this指向init的实例对象,而init.prototype等于jQue ...

jquery 开始与结束方法 loading窗

jquery 开始与结束方法 loading窗相关推荐

最新文章

热门文章