修改mLoading 遮罩_$("body").mloading("show");-优快云博客

本文介绍了一个名为mLaoding的JS遮罩插件，并提供了如何自定义其样式和行为的具体代码实例，包括调整遮罩的颜色、提示框的位置及大小等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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');
    });