码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-20 14:16:08      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:

 如图:

技术分享

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>

 

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

标签:

原文地址:http://www.cnblogs.com/holdon521/p/4661240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!