首页 > 代码库 > 弹出窗口

弹出窗口

弹出窗口前一般都需要在本页面上增加一层蒙板覆盖整个页面

<div class="mask"></div>

/*蒙版scss*/
.mask{
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 4;
display: none;
}

/*显示蒙板js*/

$(‘.loginBtn‘).click(function(){
$(‘.mask‘).show();
$(‘.popup‘).show();
})

弹出窗口