网站遮罩层简易代码

2019年11 月17日 / 网站源码 / 1条 / 4,530次

有时候需要进入网站出现一个遮罩层提示，以下代码是进入网站弹出遮罩层，鼠标点击任意地方遮罩层消失的代码，放在</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>
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>