博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《遮蔽层的隐藏块》
阅读量:5101 次
发布时间:2019-06-13

本文共 747 字,大约阅读时间需要 2 分钟。

隐藏块样式及脚本:
#hidebg {
background-color: #ccc;
display: none;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 3;
}
<div id="hidebg"></div>
<script>
 $(function(){
      show();
 });
 function show()  //显示隐藏层和弹出层
    {
        var hideobj = document.getElementById("hidebg");
        hidebg.style.display = "block";  //显示隐藏层
        hidebg.style.height = document.body.clientHeight + "px";  //设置隐藏层的高度为当前页面高度
        document.getElementById("shop_notice").style.display = "block";  //显示弹出层
    }
    function closed()  //去除隐藏层和弹出层
    {
        document.getElementById("hidebg").style.display = "none";
        document.getElementById("shop_notice").style.display = "none";
    }
</script>

转载于:https://www.cnblogs.com/quxiajun/p/6478358.html

你可能感兴趣的文章
Laravel 指定日志生成目录
查看>>
layui 表格点击图片放大
查看>>
there is no permission with id `12`
查看>>
Laravel使用EasyWechat 进行微信支付
查看>>
我的大二学年总结
查看>>
oracle 基本语法,正则表达式应用
查看>>
Socket通信原理
查看>>
http请求被挂起 cancled 原因
查看>>
刷题——移动盒子及其相关题目
查看>>
docker容器
查看>>
kafka的docker文件
查看>>
java的线程池的基础类
查看>>
docker的源配置
查看>>
Linux的IO机制
查看>>
leetcode大纲
查看>>
TCP的机制
查看>>
Linux的内核性能参数的调整
查看>>
WEB SERVER调优
查看>>
Linux中的线程与进程以及调度
查看>>
Jetty的原理
查看>>