jquery mloading加载中lodding效果

jquery mloading

 

在执行jQuery的ajax时，有的时候请求回来会有较长时间，这个时候，如果什么都没有显示，用户会觉得网站卡住了，所以这个时候，来个mloading会使用户体验更好些。

 

使用方法很简单

将jquery.mloading.js和jquery.mloading.css引入到页面，调用：

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

这个是详细的调用，但是可以直接使用默认的

$(element).mLoading("show");//显示loading组件
$(element).mLoading("hide");//隐藏loading组件

这个element可以写成body

$("body").mLoading();

不加参数，就是默认的打开这个loading。