网站遮罩层简易代码

2019年11月17日 / 网站源码 / 1条 / 2,843次

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

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


提交评论