javascript + css 原生态弹出层

原创 2015年07月10日 16:24:14

javascript + css 原生态弹出层


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        #divSCA {
            position: absolute;
            width: 880px;
            height: 550px;
            font-size: 12px;
            background: #fff;
            border: 0px solid #000;
            left: 50% !important;
            top: 15% !important;
            margin-left: -440px;
            z-index: 10001;
            display: none;
        }

        .big-div {
            position: absolute;
            left: 0px;
            top: -185px;
            width: 100%;
            height: 2000px;
            background-color: rgb(17, 17, 17);
            opacity: 0.7;
            z-index: 1000;
        }
    </style>
    <script>
        function openDiv() {
            document.getElementById("divSCA").style.display = "block";
            document.getElementById("BigDiv").style.display = "block";
            document.body.parentNode.style.overflow = "hidden";
        }

        function closeDiv() {
            document.getElementById("divSCA").style.display = "none";
            document.getElementById("BigDiv").style.display = "none";
        }
    </script>
</head>
<body>
    <button type="button" class="btn btn-primary" onclick="openDiv()">
        Select Deposit
    </button>
    <div id="divSCA">
        <button type="button" onclick="closeDiv()">
            X
        </button>
    </div>
    <div id="BigDiv" class="big-div" style="display:none"></div>
</body>
</html>


原生js 的弹出层内含窗口居中

New Document                 *   {       padding:0px;       margin:0px;   }   #Id...
  • zhuyu19911016520
  • zhuyu19911016520
  • 2014年05月14日 10:22
  • 1996

js+css制作悬浮提示层弹出特效

站长特效 js+css制作动画效果悬浮提示层 站长特效网    body,ul,li{margin:0;padding:0;}    body{background:#cecccc;text-...
  • LanSeTianKong12
  • LanSeTianKong12
  • 2015年10月18日 21:02
  • 1604

js+css实现模态层效果

模态层——通过可配置的参数width,height,title以及content用来设定弹出的信息框显示的内容,并通过可配置参数container用来设定模态层显示的区域。...
  • GISShiXiSheng
  • GISShiXiSheng
  • 2014年10月21日 13:50
  • 4432

javascript+css+html实现弹出层

js代码   //弹出隐藏层用户管理注册 function ShowDiv(div1,div2){ document.getElementById(div1).style.display='b...
  • ckl0035
  • ckl0035
  • 2013年05月13日 11:46
  • 538

纯原生态javascript+css3 写的3D魔方动画旋扭特效

纯原生态javascript+css3 写的3D魔方动画旋扭特效
  • lensgcx
  • lensgcx
  • 2017年04月26日 10:02
  • 1045

jq原生态弹出框,很好修改成ok和单框子

  • 2015年12月24日 14:59
  • 16KB
  • 下载

HTML5+CSS3+jQuery实现弹出层

  • 2017年03月27日 09:51
  • 2KB
  • 下载

Jquery+css3实现弹出层注册特效

  • 2013年03月15日 13:35
  • 136KB
  • 下载

js弹出框 javascript弹出框 div+css弹出层效果 弹出登录框

  • 2012年06月10日 17:12
  • 5KB
  • 下载

JAVASCRIPT 弹出层

  • 2012年10月18日 08:49
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript + css 原生态弹出层
举报原因:
原因补充:

(最多只允许输入30个字)