/*
*异步js 扩展加载标识
*@author
*/
(function($){
if($.fn.async) {
return;
}
if(!document.body) {
document.write("<body/>");
}
$.fn.extend({
async : function(url,obj,callback) {//异步路径,指定异步返回数据填充的div,回调函数
if(!this) {
alert("对象未找到...");
return;
}
var height;
if(obj) {
var _obj = typeof(obj);
if( _obj == "function") {
callback = obj;
}else if(_obj == "number") {
height = obj;
}
}
obj = this.wrap("<div style='position:relative;width:100%;'/>");
var o = obj.parent();
var img = $("<img src='/common/images/loading.gif' style='position:absolute;z-index:9999;display:none;'/>").appendTo(o);
var h = img.height();
var oh = obj.height();
var top = height ? height : oh < h ? 0 : (oh-h)/4;
img.css({"left":(obj.width()-img.width())/2,"top":top < 20 ? 20 : top,"display":""});
$.ajax({
url : url,
timeout : 30000,
complete : function() {
o.replaceWith(obj);
if($.isFunction(callback)) {
callback();
}
},
success : function(data) {
obj.html(data);
}
})
}
});
})(jQuery);
加载图片: