遮罩层

作者: 九万里者 | 来源:发表于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>

`

相关文章

  • Pr19-Premiere特效滤镜:键控-轨道遮罩

    效果-键控-轨道遮罩键:上图形,下背景 文字层在上方:遮罩层 背景层在下方:被遮罩层 给被遮罩层添加“轨道遮罩键”...

  • 放大镜效果

    核心原理1、鼠标经过遮罩层显示,离开隐藏;2、移动鼠标遮罩层跟随,鼠标超出大盒子后遮罩层不跟随出框;3、移动遮罩层...

  • 遮罩层实现

    代码如下 实现效果:点击按钮,显示遮罩层,弹出弹框点击遮罩层,隐藏遮罩层,隐藏弹框

  • 侧边弹窗

    遮罩层 html 遮罩层样式 侧边弹窗html 侧边弹窗css .list样式

  • jquery遮罩层不滚动 2019-04-22

    jquery遮罩层不滚动 上代码: jquery遮罩层不滚动 ...

  • 一、移动端相关问题

    1.移动端禁止遮罩层下面的页面滑动 答:打开遮罩层的时候,给遮罩层下面的页面添加position:fixed属性,...

  • CALayer的mask属性简介

    mask就是PS中的遮罩; 遮罩层必须至少有两个图层,上面的一个图层为“遮罩层”,下面的称“被遮罩层”;这两个图层...

  • 微信小程序实现遮罩及阻止遮罩层下的页面滚动

    实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='tur...

  • iframe遮罩层

    遮罩层

  • Axure实现遮罩效果

    很多时候我们在编辑视频的时候经常需要用到遮罩的效果,一般制作遮罩动画,就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动...

网友评论

      本文标题:遮罩层

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