网站遮罩层简易代码

时间:2019-11-17 | 分类: 颩ふ原创 | 作者:風子 | 评论: 1 次 | 点击: 261 次

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


相关文章:

  • 发表评论
  • 查看评论:(1)
【已经有1位大神发现了看法】

格子老师  2019-11-17 20:33:49 回复该评论
这是把自用的都分享出来了!!

发表评论:

◎欢迎参与讨论,请发表您的看法和观点。

热烈庆祝中华人民共和国成立70周年