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

发布时间:2019-05-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了推荐一款我自己开发的jquery loading插件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

插件长什么样?

推荐一款我自己开发的jquery 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版本时没有过多的限制,主流版本都可以支持。

脚本宝典总结

以上是脚本宝典为你收集整理的推荐一款我自己开发的jquery loading插件全部内容,希望文章能够帮你解决推荐一款我自己开发的jquery loading插件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。