zoukankan      html  css  js  c++  java
  • 自制弹出层

    <!--提示框-->
    <div class="layerbigb">
    <div class="uplayerb uplayerbup">
    <div>
    <p class="title">提示</p>
    <p class="titlemsg">请填写此字段</p>
    </div>
    <a class="buynowbutn">确认</a>
    </div>
    </div>
    <div class="layerbigb1">
    <div class="uplayerb1 uplayerbup1">
    <div class="canmay">
    <p class="title1">提示</p>
    <p class="titlemsg1">是否删除?</p>
    </div>
    <div class="doublebtn">
    <a class="canclebtn">取消</a>
    <a class="buynowbutn1">确认</a>
    </div>
    </div>
    </div>
    /*弹出层*/
    .layerbigb{
    100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
    }
    .uplayerb{
    position: relative;
    6.0rem;
    margin: 0 auto;
    margin-top: 4.5rem;
    background: #fff;
    border-radius: 0.08rem;
    padding: 0 0.24rem;
    text-align: center;
    overflow: hidden;

    }
    .uplayerb div{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    }


    .uplayerb .title{
    margin-top: 0.25rem;
    font-size: 0.36rem;
    color: #000;
    }
    .uplayerb .titlemsg{
    margin-top: 0.36rem;
    font-size: 0.32rem;
    color: #000;
    margin-bottom: 0.56rem;
    }
    .buynowbutn{
    display: block;
    100%;
    height: 0.80rem;
    line-height:0.80rem;
    font-size: 0.32rem;
    color:#f23030;
    }


    .layerbigb1{
    100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
    }
    .uplayerb1{
    position: relative;
    6.0rem;
    height:2.9rem;
    margin: 0 auto;
    margin-top: 4.50rem;
    background: #fff;
    border-radius: 0.08rem;
    padding: 0 0.24rem;
    text-align: center;
    overflow: hidden;

    }

    .uplayerb1 .canmay{
    overflow: hidden;
    border-bottom: 0.01rem solid #ccc;
    }


    .uplayerb1 .title1{
    margin-top: 0.25rem;
    font-size: 0.36rem;
    color: #000;
    }
    .uplayerb1 .titlemsg1{
    margin-top: 0.36rem;
    font-size: 0.32rem;
    color: #000;
    margin-bottom: 0.56rem;
    }
    .doublebtn a{
    float:left;
    50%;
    }
    .buynowbutn1{
    height: 0.80rem;
    line-height:0.80rem;
    font-size: 0.32rem;
    color:#f23030;
    }
    .canclebtn{
    height: 0.80rem;
    line-height:0.80rem;
    font-size: 0.32rem;
    color:#f23030;
    border-right: 1px solid #CCCCCC;
    }

    if (company == "" || company == null || company == undefined) {
    $(".layerbigb .titlemsg").text("请输入单位全称");
    $(".layerbigb").css("display", "block");
    return false
    }



  • 相关阅读:
    Oracle 的四种连接-左外连接、右外连接、内连接、全连接
    选择文件错误提示
    window 窗口编辑
    BufferedWriter与BufferedRead --------------------------Test2
    BufferedWriter与BufferedRead --------------------------Test
    BufferedInputStream 缓冲输入字节流 -------上
    IO异常 的处理 test
    IO异常 的处理
    Struts2概述、开发环境搭建
    Operation(自定义多线程)
  • 原文地址:https://www.cnblogs.com/asylm/p/9002399.html
Copyright © 2011-2022 走看看