有时候需要进入网站出现一个遮罩层提示,以下代码是进入网站弹出遮罩层,鼠标点击任意地方遮罩层消失的代码,放在</body>之前即可:
- <div class="black">
- <div class="guoqing">
- <img width="100%" height="100%" title="热烈庆祝中华人民共和国成立70周年" alt="热烈庆祝中华人民共和国成立70周年" src="https://long.ge/zb_users/theme/Grey/style/images/70.png" border="0"/>
- </div>
- </div><!-- <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> -->
- <script>
- setTimeout(function() {
- $(".black").css({ "display": "flex", }, ) }, 1000)
- $(".guoqing").click(function(event) { // 或者简写为:
- event.stopPropagation() //非IE浏览器的阻止事件冒泡
- window.event.cancelBubble = true; //IE浏览器的阻止事件冒泡 });
- $(".black").click(function(e) { //点击黑色隐藏快乐
- e.preventDefault();
- $(".black").css({ "display": "none", }) });
- </script>
这是把自用的都分享出来了!!