加载进度圈,带遮罩层(jquery)

 如图：

Js下载地址：http://files.cnblogs.com/files/holdon521/cvi_busy_lib.js

如下使用实例：

 

<script src="/static/js/cvi_busy_lib.js"></script>

<script type="text/javascript">

var xval=getBusyOverlay('viewport',{color:'white', opacity:0.75, text:'viewport: loading...', style:'text-shadow: 0 0 3px black;font-weight:bold;font-size:16px;color:white'},{color:'#ff0', size:100, type:'o'}); $.ajax({ url : '${ctx}/login/tologin', type : 'POST', dataType : 'json',  beforeSend:function(){ if(xval) { xval.settext("正在登录，请稍后......"); } }, success : function(result) {  xval.remove(); if (result.success) { document.location = "${ctx}/"; } 
 });
</script>