网站遮罩层简易代码

龙哥
1110
文章
145
评论
2019年11月17日11:57:23 1 44 763字阅读2分32秒

有时候需要进入网站出现一个遮罩层提示,以下代码是进入网站弹出遮罩层,鼠标点击任意地方遮罩层消失的代码,放在</body>之前即可:

<div class="black">    
<div class="guoqing"><img width="100%" height="100%" title="热烈庆祝中华人民共和国成立70周年" alt="热烈庆祝中华人民共和国成立70周年" src="http://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>
  • 本文由 发表于 2019年11月17日11:57:23
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • avatar 格子老师 5

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