【思路】点击按钮弹出窗口(窗口内容随意),绑定点击事件(<script>)在按钮button上
【实现遮罩层+弹出窗口】弹出的窗口也是html文件,需要css更改样式,重点在于
display:none /*待弹出的窗口设置成看不见的状态*/
display:block /*触发点击事件后窗口出现*/
<div id="mask" style="display: none;"></div>
<div class="page2_right2_btn">
<button type="button" id="regist" style="line-height: 25px;">免费注册</button>
<button type="button" id="contact" style="line-height: 25px;">扫码下载</button>
</div>
$(document).ready(function() {
$("#contact").click(function() {
$(".dialog").show();
$("#mask").show();
});
$("#close").click(function() {
$(".dialog").hide();
$("#mask").hide();
});
$("#regist").click(function() {
$(".dialogg").show();
$("#mask").show();
});
$("#close1").click(function() {
$(".dialogg").hide();
$("#mask").hide();
})
});
#mask {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
background-color: black;
opacity: 0.4;
top: 0;
left: 0;
}