码迷,mamicode.com
首页 > 移动开发 > 详细

项目需要简单些了个WEB APP 的弹出窗

时间:2016-05-05 14:29:28      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

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 的弹出窗

标签:

原文地址:http://www.cnblogs.com/cfas/p/5461645.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!