首页 > Web开发 > 详细

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

时间:2015-07-20 14:14:04      阅读:354      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!