开发中你有遇到过这样的需求吗？

将页面或者某个区域遮罩，显示 loading 效果，并按照需求变化loading框内容；
本插件致力于解决上述问题。

• 插件名称：jquery.mloading.js

• 项目地址：https://github.com/imingyu/jq…

插件长什么样？

我对它的评价是：不是巨丑，是简约而突出的。

怎么使用？

你可以有两种方式获得此插件：

• 从github上获取；

• 从npm上获取，通过npm install jquery.mloading.js命令安装插件；

获取到插件代码后，将jquery.mloading.js和jquery.mloading.css引入到页面，调用：

$(element).mLoading({
    text:"",//加载文字，默认值：加载中...
    icon:"",//加载图标，默认值：一个小型的base64的gif图片
    html:false,//设置加载内容是否是html格式，默认值是false
    content:"",//忽略icon和text的值，直接在加载框中显示此值
    mask:true//是否显示遮罩效果，默认显示
});

$("body").mLoading();//就是给整个页面添加loading效果
$("#box").mLoading();//就是#box element添加loading效果

当设置mask后，如果觉得遮罩效果不明显或者太强烈，可以修改css文件中的.mloading.mloading-mask“类，改变背景色的透明度即可。

注意：本插件不支持对过小元素的loading，如给某个按钮、某个input添加遮罩；使用时应该尽量在容器上进行loading遮罩。

关于兼容性和jquery版本

本插件支持所有主流浏览器，并支持ie8+，在选择jquery版本时没有过多的限制，主流版本都可以支持。