js ajax 添加遮盖层

我不是女神ヾ 2022-05-29 07:48 213阅读 0赞

**JS代码**

<script src="/static/js/cvi_busy_lib.js"></script>
    
    <script type="text/javascript">
    
    //方法默认是，给body添加一个div，然后整个body都是遮罩层。 //getBusyOverlay需要3个参数 //参数一：viewport为创建遮罩层的div， //参数二：color:'white', 背景色 // opacity:0.75, 透明度：从 0.0 （完全透明）到 1.0（完全不透明） // text:'viewport: loading...', 默认显示的提示文字，这里是viewport: loading... // style:'text-shadow: 0 0 3px black;font-weight:bold;font-size:16px;color:white' 字体样式 //参数三：color:'#ff0', 进度圈颜色 // size:100, 进度圈大小 // type:'o' 有5种类型，c，o，p，t，以及默认类型，具体请看js内部方法getBusyVL。
    var xval = getBusyOverlay('viewport', { color: 'white', opacity: 0.75, text: 'viewport: loading...', style: 'text-shadow: 0 0 3px black;font-weight:bold;font-size:16px;color:white' }, { color: '#ff0', size: 100, type: 'o' }); $.ajax({ url: "/Home/Index", type: "POST", dataType: "json", beforeSend: function() { if (xval) { xval.settext("正在登录，请稍后......");//此处可以修改默认文字，此处不写的话，就按照默认文字来。 } }, data: { id: id }, success: function(data) { xval.remove(); //此处是移除遮罩层
     }, error: function() { xval.remove(); //此处是移除遮罩层
     } });

需要用到js插件：

### cvi\_busy\_lib.js ###

下载地址：https://download.csdn.net/download/qq\_25391785/10296944

文件来源：https://www.cnblogs.com/cang12138/p/8033525.html\#\_label0

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 kears-添加层

![1598479-20190918173246781-88315794.png][] ![1598479-20190918173251923-1534009017.

港控/mmm°/ 2023年08月17日 16:07/ 0 赞/ 100 阅读

相关解决DIV层被OBJECT、SELECT控件遮盖问题

浮动层或便捷菜单给用户操作极大的便利。使用IE6、7时，SELECT控件不能被DIV遮盖。OBJECT控件也不能被DIV遮盖。究其原因，大多表单控件或HTML控件是使用浏览器

怼烎@/ 2023年01月08日 02:27/ 0 赞/ 107 阅读

相关 Js实现无刷新添加新层，拖动DIV层可互换位置

原文：[http://www.csrcode.cn/html/txdm/tcys/1943.htm][http_www.csrcode.cn_html_txdm_tcys_19

痛定思痛。/ 2022年08月07日 05:50/ 0 赞/ 170 阅读

相关 TensorFlow添加层

TensorFlow添加层定义Layer函数定义神经网络层函数，主要用于隐藏层和输出层 inputs代表输入的数据， inSize为数据的形

刺骨的言语ヽ痛彻心扉/ 2022年06月06日 01:18/ 0 赞/ 188 阅读

相关 jQuery+js+ajax用接口添加数据

<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta

深碍√TFBOYSˉ_/ 2022年06月04日 07:13/ 0 赞/ 116 阅读

相关 js ajax

<!DOCTYPE html> <html> <head> <title></title> </head> <body>

左手的ㄟ右手/ 2022年05月31日 05:16/ 0 赞/ 160 阅读

相关 js ajax 添加遮盖层

JS代码 <script src="/static/js/cvi_busy_lib.js"></script> <script type="text

我不是女神ヾ/ 2022年05月29日 07:48/ 0 赞/ 214 阅读

相关 Java添加背景图片，不遮盖其他容器

写了一个图书管理系统，希望借此熟悉Java的界面和数据库操作，在制作界面时想要添加一个带背景的容器，最开始在网上查的都是在JFLabel里添加图片，添加上了完全

港控/mmm°/ 2022年05月13日 14:26/ 0 赞/ 258 阅读

相关 js实现遮盖层

1.下载js:jquery.loadmask.js 2.需要遮盖的部分 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

傷城~/ 2022年03月31日 14:11/ 0 赞/ 143 阅读

相关微信小程序自定义遮盖层

<button bindtap="showview">Show</button> <view class="bg" bindtap='hideview' sty

小鱼儿/ 2021年07月24日 22:45/ 0 赞/ 398 阅读