首页 > 其他分享 >jeasyui 弹出遮罩层

jeasyui 弹出遮罩层

时间:2023-02-19 22:34:06浏览次数:42  
标签:body 遮罩 jeasyui function mask clientWidth document


此遮罩用的是jeasyui源码里的:

 

<html>
<head>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="jquery.json-2.4.js" type="text/javascript"></script>
<script src="jquery-easyui-1.3.2/jquery.easyui.min.js" type="text/javascript"></script>
<!--<script src="mask.js" type="text/javascript"></script> -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/themes/icon.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/demo/demo.css">
<script type="text/javascript">
$(function(){
$("#clickme").click(function(){

$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:document.body.clientWidth,height:document.body.clientHeight}).appendTo("body");

$("<div class=\"datagrid-mask-msg\"></div>").html("正在处理,请稍候。。。").appendTo("body")
.css({display:"block",left:(document.body.clientWidth - 190) / 2,top:(document.body.clientHeight - 45) / 2});

});
});
</script>
</head>
<body>
<button id="clickme">点我遮罩</button>
<body>
</html>

 



$("body").find(".datagrid-mask-msg").remove(); $("body").find(".datagrid-mask").remove();



  

 

 


标签:body,遮罩,jeasyui,function,mask,clientWidth,document
From: https://blog.51cto.com/u_21817/6066911

相关文章

  • Axure 弹出框遮罩层灯箱效果
    灯箱效果:比较适合Web,效果不太理想,还是自己做个比较合适弹出效果:就是弹框推动效果:A元件显示的时候,把B元件往下、右移动。如Web左侧菜二级单效果......
  • Shader入门精要笔记 - CH7.4_遮罩图在像素级别控制高光强度
    使用了遮罩图后,高光区域我们可以更精细的控制了。不然只能在整体上用Gloss参数调整高光区域 贴图漫反射(MainTex)+高光反射+法线贴图+遮罩图(SpecularMask)Shader"M......
  • vue 实现遮罩层禁止滚动事件
    我们在写弹出的遮罩层时,下方的页面依然可以滚动,这时我们就要想些办法来实现了。移动端vue中提供@touchmove.prevent方法可以完美解决这个问题在蒙层所在div上加@touchmov......
  • vue3使用bootstrap的简单加载遮罩层
    之前有使用过bootstrap做过一个简单的加载遮罩层,现把它加入到vue中。加载遮罩层一般来讲整个app共用一个就可以,因此放到App.vue中,为不影响其它的业务逻辑,放到</template>......
  • leaflet实现地图遮罩
    实现地图遮罩效果(主要显示目标区域内部,外部用暗色填充):地图遮罩实现思路:外部建一个很大的矩形区域和内部行政区边界线组成一个镂空的polygon,然后给这个polyon一个透明度为......
  • 加密狗逻辑:判断权限,延时加载遮罩层
    之前新人做的加密狗显示水印遮罩的功能,一直有问题,逻辑还找不出来哪有问题,自己简单写了个demo,照着套:<!doctypehtml><htmllang="en"translate="no"><head><met......
  • 小程序弹窗(模态框)遮罩层 弹窗右上角按钮关闭
    <buttonbindtap='showRule'style="width:65vw"class="receiveFile">点击弹窗模态框</button><!--遮罩层--><viewclass="ruleZhezhao{{isRuleTrue?'isRuleShow':'is......
  • 鼠标滑过图片背景透明黑遮罩样式
    .user-info-head{position:relative;display:inline-block;width:150px;height:200px;overflow:hidden;border:4pxsolidwhite;img{wid......
  • 81-高德地图范围绘制,区域遮掩,蒙版遮罩
    参考:高德地图-2D地图下区域遮掩(只显示固定区域里的内容)其中:地图范围绘制:工具实现代码:<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="......
  • 高德地图-遮罩功能不生效的坑
    在官方示例上没问题打印相关api也发现存在就是不生效一通查询后发现要再配置一个高德安全密匙 主要就是在main.js中加上这一句window._AMapSecurityConfig={ s......