加载进度圈,带遮罩层(jquery)
如图:
Js下载地址:https://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>