zoukankan      html  css  js  c++  java
  • 项目需要简单些了个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;100%;height:200px;background: #fff;">
     <div style="background: #07c2ff;100%;height:60px;"><span id="closeDiaLog" style="float:right;margin-right:10px;color:#fff"><img src="__PUBLIC__/Msw/images/sc-icon.png" style="30px;height:30px"></span></div>
     
        
        <div style="float:left;40%;">
            <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput" >
        </div>
        <div style="float:left;20%;"><img id="imgprv" data-b64="" style="120px;height:120px"></div>
        <div style="float:right;20%;padding-left:30px;padding-top:30px;"><img id="ok" src="__PUBLIC__/Msw/images/cg-icon.png" style="40px;height:40px"></div>
    
    
    </div>
  • 相关阅读:
    vue 加载更多2
    vue 加载更多
    js获取浏览器信息
    iscroll
    git fetch
    input file accept类型
    git从安装到使用
    sass中的循环判断条件语句
    animation
    vue2+animate.css
  • 原文地址:https://www.cnblogs.com/cfas/p/5461645.html
Copyright © 2011-2022 走看看