项目总结 HTML 遮罩版模态提示框

提示框

<div id="fgc"
    style="width: 100%; height: 1600px; position: fixed; background-color: rgba(0, 0, 0, 0.3); display: none; padding-top: 300px;">
    <center>
      <div>
        <div class="div-fgc-body">
          <div class="div-fgc-title div-fgc-font">提 示</div>
          <p class="p-fgc-font">添加用户成功</p>
          <p style="margin-top: 30px">
            <button class="btn-fgc" id="btn-fgc-sure">确定</button>
          </p>
        </div>
      </div>
    </center>
  </div>

点击某个按钮事件，进行激活fgc模态框

JQuery代码：激活模态框

$("#id选择器").on("click", function() {
    $("#fgc").css("display", "block");
});

JQuery代码：取消模态框

$("#btn-fgc-sure").on("click", function() {
    $("#fgc").css("display", "none");
});