欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ajax提交加載進(jìn)度條示例代碼

 更新時間：2013年10月14日 17:55:12   作者：  
提交加載進(jìn)度條的實(shí)現(xiàn)方法有很多，在本文將為大家詳細(xì)介紹下，使用ajax是如何實(shí)現(xiàn)的，下面有個不錯的示例，大家可以感受下
實(shí)現(xiàn)效果圖
 
加載圖片
 
實(shí)現(xiàn)方式:

在jsp頁面中加入

樣式
復(fù)制代碼 代碼如下:

.progress{z-index: 2000}
.mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 1000; background-color: #2F2F2F}

節(jié)點(diǎn)
復(fù)制代碼 代碼如下:

<img id="progressImgage" class="progress" style="display:none" alt="" src="/ajax-loader.gif"/>
<div id="maskOfProgressImage" class="mask" style="display:none"></div>

js
復(fù)制代碼 代碼如下:

<p> </p><p>var img = $("#progressImgage");
var mask = $("#maskOfProgressImage");</p>

復(fù)制代碼 代碼如下:

$.ajax({
url:url,
type:"post",
dataType:"json",
data:data,
beforeSend:function(xhr){
img.show().css({
"position": "fixed",
"top": "40%",
"left": "45%",
"margin-top": function () { return -1 * img.height() / 2; },
"margin-left": function () { return -1 * img.width() / 2; }
});
mask.show().css("opacity", "0.1");
},
success:function(result){
doSuccess()
},
complete:function(xhr){
img.hide();
mask.hide();

}
});

相關(guān)文章

最新評論