jQuery数据加载遮罩层

所属分类:UI-加载

 47004  371  查看评论 (14)
分享到微信朋友圈
X
jQuery数据加载遮罩层 ie兼容8

更新时间:2017/8/1 下午4:17:54

更新说明:增加关闭指定加载弹窗功能,修复超时关闭不稳定问题


使用方法

1. 引入文件

<link rel="stylesheet" href="/load.css"  media="all">
<script src="load-min.js" charset="utf-8"></script>

2. 调用遮罩层

//加载层-全屏
$.mask_fullscreen(1000);//1000为遮罩层显示时长,若不传则一直显示,须调用关闭方法
//加载层-指定元素
$.mask_element('#test_mask', 5000);//1000为遮罩层显示时长,若不传则一直显示,须调用关闭方法
//关闭遮罩层
$.mask_close();
相关插件-加载

jquery播放进度条插件,可拖动

jquery插件播放进度条,可以拖动,可以控制,可设置时间
  加载
 52642  377

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 64973  406

js图片懒加载插件jxLazyload

最简便的jquery图片懒加载插件jxLazyload
  加载
 29392  189

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 41497  381

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    bianweiyang 0
    2020/6/16 16:45:00
    挺好用的,谢谢 回复
    Tree、 0
    2019/4/3 14:05:06
    关闭遮罩层后,页面不能往下滚动了
        sweet & lover !!!1
        2019/5/9 10:34:02
        在load-min.js里 b.mask_close_all = function() {}方法里 添加 b("body").removeClass("scroll-off");
    回复
    当你 0
    2018/12/13 11:56:04
    能放在视频加载之前么,需要用到什么事件 回复
    最后的雪人 0
    2018/8/23 13:13:53
    ie问题将css中justify-content改为left 回复
    板砖做切糕 0
    2018/6/29 19:08:34
    刘现成 0
    2018/3/7 10:19:57
    IE浏览器有问题啊!兄弟 回复
    Music 0
    2018/1/12 12:24:54

    无法调用关闭遮罩

    //关闭遮罩层$.mask_close();调用后无作用
        Travel0
        2019/11/25 11:26:06
        我也是,后来用$.mask_close_all();就好了
        在倾城也不过是浮云0
        2020/5/29 12:59:48
        帮到我了谢谢,不过样式会有点问题,你有解决了吗
        在倾城也不过是浮云0
        2020/5/29 13:00:38
        在IE11上,提示框,会偏移
    回复
    L. 0
    2017/8/22 20:13:51
    yBoy 0
    2017/7/31 17:10:57

    如果能添加关闭某一个而不是全部关闭会更好

        0
        2017/7/31 18:07:48

        可以的

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复