推薦一款我本身開發的jquery loading插件

開發中你有遇到過這樣的需求嗎？

將頁面或者某個區域遮罩，顯示 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版本時沒有過多的限制，主流版本均可以支持。