修改mLoading 遮罩

来源:互联网 发布:s730手簿导出数据 编辑:程序博客网 时间:2024/06/15 23:23

mLaoding 是github 的一个开源js 遮罩项目,直接引入js

直接上代码:

 JavaScript Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ajaxStart(function(){
         $("body").mLoading('show');
         //修改遮罩颜色
         $(".mloading.mloading-mask").css('background','rgba(233, 233, 232, 0)');
         //修改提示框属性
         $(".mloading-bar").css('background',loadingColor);
//       $(".mloading-bar").css('background','rgba(233, 233, 232, 0)');
         $(".mloading-bar").css('margin-left','-250px');
         $(".mloading-bar").css('margin-top','-75px');
         $(".mloading-bar").css('width','500px');
         $(".mloading-bar").css('min-height','150px');
         //修改图片属性
         $(".mloading-icon").css('width','50px');
         $(".mloading-icon").css('height','50px');
         $(".mloading-icon").attr('src',loadingSrc);
         
         //修改文字属性并将提示框内容对齐居中
         $(".mloading-text").css('margin-top','10%');
         $(".mloading-text").css('display','inline-block');
    });
    $(document).ajaxStop(function(){
        $('body').mLoading('hide');
    });



原创粉丝点击