网站遮罩层简易代码 « 龙哥 (Long.Ge) « 官方网站

网站遮罩层简易代码

2019年11 月17日 / 网站源码 / 1条 / 5,995次

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

时间：2019年11 月17日，星期日，上午11:57。
通过 RSS 2.0 订阅源关注。

《网站遮罩层简易代码》有1条评论

格子老师说道：

2019年11月17日下午8:33

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

回复

提交评论