项目需要简单些了个WEB APP 的弹出窗
var diag = { showDlg:'',//需要显示的DIV rushdiv:"<div id=v style='top:0;position: absolute;z-index:99;background: #000;display:none;opacity:0.5;'></div>", digId:0, init:function(){ $(document.body).append(diag.rushdiv); var bdw = $("body").width(); var bdh = document.body.scrollHeight $("#v").css("width",bdw); $("#v").css("height",bdh); }, run:function(json){ //先打开遮罩层 diag.init(); diag.digId = json.digId; $("#"+diag.digId).css("top",document.body.scrollTop); $("#"+diag.digId).css("z-index",100); $("#"+diag.digId).css("position",'absolute'); $("#"+diag.digId).show(); $("#v").show(); }, close:function(){ $("#"+diag.digId).hide(); $("#v").hide(); } }
用法
<div id="addhybox" style=" display:none;width:100%;height:200px;background: #fff;"> <div style="background: #07c2ff;width:100%;height:60px;"><span id="closeDiaLog" style="float:right;margin-right:10px;color:#fff"><img src="__PUBLIC__/Msw/images/sc-icon.png" style="width:30px;height:30px"></span></div> <div style="float:left;width:40%;"> <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput" > </div> <div style="float:left;width:20%;"><img id="imgprv" data-b64="" style="width:120px;height:120px"></div> <div style="float:right;width:20%;padding-left:30px;padding-top:30px;"><img id="ok" src="__PUBLIC__/Msw/images/cg-icon.png" style="width:40px;height:40px"></div> </div>
Rust编程语言群 1036955113
java新手自学群 626070845
java/springboot/hadoop/JVM 群 4915800
Hadoop/mongodb(搭建/开发/运维)Q群481975850
GOLang Q1群:6848027
GOLang Q2群:450509103
GOLang Q3群:436173132
GOLang Q4群:141984758
GOLang Q5群:215535604
C/C++/QT群 1414577
单片机嵌入式/电子电路入门群群 306312845
MUD/LIB/交流群 391486684
Electron/koa/Nodejs/express 214737701
大前端群vue/js/ts 165150391
操作系统研发群:15375777
汇编/辅助/破解新手群:755783453
大数据 elasticsearch 群 481975850
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
java新手自学群 626070845
java/springboot/hadoop/JVM 群 4915800
Hadoop/mongodb(搭建/开发/运维)Q群481975850
GOLang Q1群:6848027
GOLang Q2群:450509103
GOLang Q3群:436173132
GOLang Q4群:141984758
GOLang Q5群:215535604
C/C++/QT群 1414577
单片机嵌入式/电子电路入门群群 306312845
MUD/LIB/交流群 391486684
Electron/koa/Nodejs/express 214737701
大前端群vue/js/ts 165150391
操作系统研发群:15375777
汇编/辅助/破解新手群:755783453
大数据 elasticsearch 群 481975850
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。