項目需要簡單些了個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>

 

項目需要簡單些了個WEB APP 的彈出窗