简单的ajax遮罩层(加载进度圈)cvi_busy_lib.js

cvi_busy_lib.js 是一个基于ajax的遮罩js,遮罩区域为body区域。使用比较简单。

效果:

简单的ajax遮罩层(加载进度圈)cvi_busy_lib.js

在下面的Js代码,标注为红色标记为需要设置的参数。

1、getBusyOverlay(id, overlay, busy) 为遮罩层的方法,

id:需要写viewport,详情请看Js内部。

overlay:主要是遮罩层的样式,遮罩层显示字体的样式。

busy:加载进度圈的样式。    

2、xval.settext("正在登录,请稍后......");  此处需要写在beforeSend中,在ajax执行前,设置想要显示的文字。(参数可不写)

3、xval.remove();                 当ajax得到返回数据的时候,取消遮罩层,恢复正常页面模样。

return { remove: function() { if (waiting) { waiting = false; ctrl.stop(); delete ctrl; parent.removeChild(outer); //去掉遮罩层 if (parent.id == \'viewport\') { parent.style.display = \'none\'; //隐藏div } } }, settext: function(v) { if (string && typeof (v) == \'string\') { string.firstChild.innerHTML =http://www.likecs.com/ v;//给文字层的div赋值 return false; } } };

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzfjwz.html