遮罩层

作者: 九万里者 | 来源:发表于2017-05-08 14:52 被阅读0次

    `
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta content="telephone=no" name="format-detection"><meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>浮层</title>
    <link rel="stylesheet" type="text/css" href="PUBLIC/Wechat/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="PUBLIC/Wechat/css/test/pay.css"/>
    <style type="text/css">
    .r_1>div{display: none;}
    </style>
    <script type="text/javascript" src="PUBLIC/Wechat/js/jquery-1.7.2.min.js"></script>
    </head>
    <body>
    <div id="pay_mask">
    <ul class="pay_mask">
    <li class="pay_city">
    <p class="font_15">上海市</p>
    </li>
    <li class="pay_card">


    <p class="color_jh">扫一扫,加客服微信噢!</p>
    </li>
    <li class="pay_num pay_a">
    <div class="float_l pay_pic">

    </div>
    <p class="color_jh font_13">13633666633</p>
    </li>
    <li>
    <button class="font_13 color_sl pay_btn">立即支付</button>
    </li>
    <li class="pay_close_btn"><div></div></li>
    </ul>
    </div>
    <script type="text/javascript">
    $(function(){
    var p_mask_h = $(window).height() - $("#i_header").height();
    $(".p_register").click(function(){
    $("body").height(p_mask_h);
    $("body").css({"overflow":"hidden"});
    $("#pay_mask").show();
    });
    $(".pay_close_btn>div").click(function(){
    $("#pay_mask").hide();
    });
    });
    </script>
    </body>
    </html>

    `

    相关文章

      网友评论

          本文标题:遮罩层

          本文链接:https://www.haomeiwen.com/subject/qjkhtxtx.html