有时候需要进入网站出现一个遮罩层提示,以下代码是进入网站弹出遮罩层,鼠标点击任意地方遮罩层消失的代码,放在</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>
这是把自用的都分享出来了!!