首页 > 移动web弹窗

移动web弹窗

新手问移动web上
怎么实现点击按钮后弹出一个浮动窗口覆盖在之前的窗口的一部分上?之前的窗口未被覆盖的地方变暗。
这个窗口可以实现普通窗口可以实现普通窗口的全部功能。
点击之前的窗口未被覆盖的地方,新窗口会被关闭,整个页面变回最初的样子。


你好,你需要一个div标签用来当做遮罩层,可以参考这个:
链接地址:http://yulei521.github.io/fb_pay_mobile_demo


添加一个蒙层,<div class="mark"></div>,写css让这个层fixed,宽高是100%;背景黑色半透明。

再写你那个窗口<div class="pop">这里是弹窗</div>
jq点击蒙层关闭

$('.mark').on('click',function(){
    $('.mark,.pop').hide();
})
【热门文章】
【热门文章】