cvi_busy_lib.js 是一个基于ajax的遮罩js,遮罩区域为body区域。使用比较简单。
效果:
在下面的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; } } };