项目需要简单些了个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>