网站遮罩层简易代码

2019年11月17日 / 网站源码 / 1条 / 3,306次

有时候需要进入网站出现一个遮罩层提示,以下代码是进入网站弹出遮罩层,鼠标点击任意地方遮罩层消失的代码,放在</body>之前即可:

  1. <div class="black">
  2. <div class="guoqing">
  3. <img width="100%" height="100%" title="热烈庆祝中华人民共和国成立70周年" alt="热烈庆祝中华人民共和国成立70周年" src="https://long.ge/zb_users/theme/Grey/style/images/70.png" border="0"/>
  4. </div>
  5. </div><!-- <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> -->
  6. <script>
  7. setTimeout(function() {
  8.  $(".black").css({     "display""flex",     }, )     }, 1000)
  9. $(".guoqing").click(function(event) {     // 或者简写为:
  10. event.stopPropagation() //非IE浏览器的阻止事件冒泡
  11. window.event.cancelBubble = true; //IE浏览器的阻止事件冒泡     });
  12. $(".black").click(function(e) {  //点击黑色隐藏快乐
  13. e.preventDefault();
  14. $(".black").css({     "display""none",     })     });
  15. </script>

《网站遮罩层简易代码》有1条评论

  1. 格子老师说道:

    这是把自用的都分享出来了!!


格子老师 留言