移动端确定取消弹窗

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>--%>
<html>
<head>
    <meta charset="UTF-8">
    <title>移动端</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <script src="resources/js/zepto-min.js" type="text/javascript"></script>
    <script type="text/javascript" src="resources/js/dialog.js"></script>
    <style type="text/css">
        /*  如果最外层父div层有高度和宽度后,如果父div的高度和宽度变大,子div层不会变化。
             父div的高度如何随着子div的高度变化而变化,父层不给高度和宽度。给一个共享的类选择器(all_1)设置
             共享的宽度和高度,子div层 继承这个类选择器
        */
        *{margin:0;padding:0;}
        body{font-size:25px;font-family: "Open Sans", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
            color:#666;}

        .all{height: auto!important;margin: auto;
              font-size: 2.2rem;position:absolute;top:0;left:0;z-index: 99;}
        .all_1{width:600px;height:auto;background: #FFF;text-align: center;}

        /*标题*/
        .t_title{min-width:580px;min-height:20px;margin: auto;
            text-align: center;    margin-top: 30px;/*float: left;border: 3px solid red;*/}
        .t_title .t_h3{text-align: center; font-size: 2.5rem;font-weight: 100;}

        /*提示内容*/
        .t_message{min-width: 580px;min-height:50px;margin: auto;float: left;border-bottom: 1px solid #d8d8d8;
            line-height: 7rem;font-size: 2.1rem;}
        .t_message span{ display: block;line-height: inherit;float:left;padding-left: 45px;
            overflow: auto;color: #7d7d7d;}

        /*确定按钮*/
        .t_btn{min-width: 100px;min-height:30px;margin: auto;/*float: left;*/}
        .t_btn input{ width: 105px;height: 52px;color: #fc9120;border: 0;
            background: #fff;margin: 19px auto;font-size: 2.2rem;}
        .t_btn input:hover{background:#EAEAEA;outline:none; }

        .t_btn2{min-width: 100px;min-height:30px;margin: auto;float: left;/*border: 3px solid red;*/}
        .t_btn2 input{width: 50%;  height: 76px;  display: block;  color:#666;  border: 0;  background: #fff;
            margin: 19px auto;  font-size: 2.2rem;  border-right: 2px solid #d8d8d8;  margin: 0;  float: left;
        }
        .t_btn2  .qd{ border-right:0;color: #fc9120;}


        /*阴影*/
        .tz_yy{width: 100%;height: 100%;background: #000;opacity: 0.4;filter: alpha(opacity=40);position: fixed;  top:0;left: 0;}

        .clear_both{clear:both;color: #fc9120;}


    </style>

</head>
<body>
<div class="all all_1">

    <div class="all_1  t_title ">
        <span class="t_h3">是否支付成功</span>
     <%--   <div class="t_clear"></div>--%>
    </div>
<%--    <div class="clear_both "></div>--%>


    <div class="all_1 t_message">
        <span class="t_con">很抱歉,支付失败!</span>
    </div>
    <div class="clear_both"></div>


  <%--  <div class="all_1 t_btn">
        <input type="button" value="确定" id="qd"/>
    </div>--%>

    <div class="all_1 t_btn2">

        <input type="button" value="取消" id="cx"/>

        <input type="button" value="确定" class="qd"/>
    </div>
    <div class="clear_both"></div>
<%--    <div class="clear_both"></div>--%>

</div>
<div class="tz_yy"></div>

<script type="text/javascript">
    $("#qd").click(function(){
    });

</script>

</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值