复制代码代码如下所示:
ajax呈现延迟效应。
无功ajaxloding =新的对象();
/ / wraperid:容器元素显示加载图片
/ / MS对加载图标的显示长度毫秒
/ /事件:一个事件源对象代表一个起始事件,用来获得一个从事件对象
回调:在动画结束后返回动画执行的方法。
方法表示成功地返回方法后执行的隐藏动画的操作。
ajaxloding.load =功能(lodingid,MS,事件,左,前,回调){
如果(左、左| |!=未定义的)
左= 0;
如果| |顶部(顶部类型!=未定义的)
顶部= 0;
this.lodingid = lodingid; / /父元素显示加载图标
this.obj = $(# +本。lodingid);
这个sourceeventelement = $(事件。currentTarget);
this.start =函数(){
This.obj.css({位置:相对});
This.sourceEventElement.attr(残疾人
默认的图标将为 / / lodingid显示,设置如下样式
无功imgobj = $();
Imgobj.css({左:this.obj.width()/()2-imgobj.width / 2-left,顶部:this.obj.height()/()2-imgobj.height / 2-top });
Imgobj.appendTo(这个目标);
this.obj.animate({身高:this.obj.height()},MS,函数(){)
回调();
});
};
this.stop =函数(){
$(# img_loding )删除();
This.sourceEventElement.attr(残疾人
}
};
调用方法:
复制代码代码如下所示:
$(# elementid)。Click(function(e){
var obj =新ajaxloding.load(div_test
警告()提交成功!;
(obj。停止); / /隐藏加载图标
});
Obj.start();
});