加载进度圈,带遮罩层(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>

 

转载于:https://www.cnblogs.com/holdon521/p/4661240.html