html loading插件,推荐一款我自己开发的jquery loading插件

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

将页面或者某个区域遮罩，显示 loading 效果，并按照需求变化loading框内容；

本插件致力于解决上述问题。

插件长什么样？

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

怎么使用？

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

从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版本时没有过多的限制，主流版本都可以支持。