HM_popup - html js

<!-- html -->

<!-- 弹窗内容 -->
<div class="popup" style="display:none">
  <div>
    popup content...
  </div>
</div>

<!-- 弹窗周围的灰色遮罩 -->
<div class="shade"></div>

<!-- 触发弹窗的按钮 -->
<div>
  <a href="javascript:;" class="popupBtn"><p>佩戴须知</p></a>
</div>

<!-- 关闭弹窗的按钮  -->
<div>
  <a href="javascript:;" class="CancelBtn">我知道了</a>
</div>

<!-- js -->
<script>
  $(".popupBtn").click(function () {
    $(".shade").css('display',"block");
    $(".popup").css('display',"block");
  })
  $(".CancelBtn").click(function () {
    $(".shade").css('display',"none");
    $(".popup").css('display',"none");
  })
</script>