博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现弹出窗口、页面变成灰色并不可操作的例子
阅读量:5047 次
发布时间:2019-06-12

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

function show() //显示隐藏层和弹出层    {        var hideobj=document.getElementById("hidebg");        hidebg.style.display="block"; //显示隐藏层        hidebg.style.height=document.body.clientHeight+"px"; //设置隐藏层的高度为当前页面高度        document.getElementById("hidebox").style.display="block"; //显示弹出层    }    function hide() //去除隐藏层和弹出层    {        document.getElementById("hidebg").style.display="none";        document.getElementById("hidebox").style.display="none";    }
#hidebg {
position:absolute;left:0px;top:0px; background-color:#000; width:100%; /*宽度设置为100%,这样才能使隐藏背景层覆盖原页面*/ filter:alpha(opacity=60); /*设置透明度为60%*/ opacity:0.6; /*非IE浏览器下设置透明度为60%*/ display:none; /* http://www.jb51.net */ z-Index:2;} #hidebox {
position:absolute;width:400px;height:300px;top:200px;left:30%;background-color:#fff;display:none;cursor:pointer;z-Index:3;}

hidebg:隐藏背景层div的id

hidebox:消息框div的id

转载于:https://www.cnblogs.com/Tinoloving/p/hintBox.html

你可能感兴趣的文章
grid调整宽度自动保存,下次启动保持原来的宽带
查看>>
如何写出高性能SQL语句
查看>>
webpack+react搭建环境
查看>>
图片提示效果
查看>>
一个意外的发现
查看>>
配置Mysql Group Replication遇到的问题笔记
查看>>
BZOJ1232: [Usaco2008Nov]安慰奶牛cheer(最小生成树)
查看>>
Visual Studio 2012 如何打开MVC1.0 MVC2.0的项目
查看>>
Linux-dd命令详解
查看>>
Zookeeper协调服务系统·ELK日志管理系统简介
查看>>
大数据小项目之电视收视率企业项目08--》MapReduce编写之Wordcount
查看>>
python基础笔记-0
查看>>
[转]40个实习生最基本的规矩
查看>>
Java网络编程
查看>>
如何结构化地搜集销售数据?
查看>>
Kakfa的设计思想
查看>>
Pycharm 2017 激活码
查看>>
JS 数组乱序
查看>>
2019.5.1
查看>>
分类导航设计的因素是什么?
查看>>