javascript制作装货动画效果装货效果

复制代码代码如下：/*ajax提交的延时等待效果*/var AJaxloding=new Object()；//wraperid :显示洛丁图片的容器元素//ms:表示洛丁图标显示的时长，毫秒//环境：表示出发事件的事件源对象，用于获得出发事件的对象//回调：表示动画结束后执行的回掉方法//停止()方法表示在回掉方法执行成功后执行的隐藏动画的操作ajaxloding。load=function(lo dingid，ms，event，left，top，callback){ if(！left | | left的类型==undefined)left=0；if(！top | | type的类型==undefined)top=0；这个。LOD ingid=LOD ingid//显示洛丁图标的父母元素这个。obj=$(' # '这个。lodingid)；这个。sourceeventelement=$(事件。current target)；这个。start=function(){ this。物体。CSS({ positin : ' relative ' })；这个。sourceeventelement。attr(' disabled '，true)；//默认将图标居中与lodingid显示，设置如下样式var imgobj=$(' img src='/images/loader c . gif ' style=' position : absolute；宽度：32 pxheight :32 pxid=' img _ loding '/')；imgobj。CSS({左：这个。物体。width()/2-imgobj。width()/2-left，top : this。物体。高度()/2-imgobj。高度()/2-top })；imgobj。附录(这个。obj)；这个。物体。制作动画({ height : this。物体。height()}，ms，function(){ callback()；});};这个。stop=function(){ $(' # img _ loding ').移除();这个。sourceeventelement。attr(' disabled '，false)；}};调用方法：复制代码代码如下：$('#elementid ').点击(函数(e){ var obj=new AJaxloding。load(' div _ test '，2000，e，0，0，function () { //alert('提交成功！');物体。stop()；//隐藏加载图标});物体。start()；});

这是我用的洛丁图标，大家可以自行替换。