900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js实现弹出窗口 页面变成灰色并不可操作的例子分享【javascript】

js实现弹出窗口 页面变成灰色并不可操作的例子分享【javascript】

时间:2024-04-07 22:23:34

相关推荐

js实现弹出窗口 页面变成灰色并不可操作的例子分享【javascript】

web前端|js教程

js,弹出窗口

web前端-js教程

如果你还不会,可以看看下面这个简单的例子。

微信三级分销源码下载,手机+安装+ubuntu,检测tomcat md5,电影清单爬虫,php面向对象编程试题,深圳谷歌seo搜索引擎优化lzw

弹出一个窗口后,后面的层不可操作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";

}

商家提现页面源码,ubuntu如何创建进程,tomcat插件修改端口号,爬虫动态加载数据,php转换为年月日,服装seo平台lzw

body { margin:0px;padding:0px;text-align: center;}

#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; /* */

z-Index:2;}

#hidebox { position:absolute;width:400px;height:300px;top:200px;left:30%;background-color:#fff;display:none;cursor:pointer;z-Index:3;}

#content { text-align:center;cursor:pointer;z-Index:1;}

mtk settings 源码,vscode r语言,ethos ubuntu,tomcat 服务 卸载,sqlite如何移植到rtt,织梦社会化登录插件,前端都需要用什么框架,浅谈python与网络爬虫技术,php 还是.net,seo优化软文工具,jsp 电子商务网站论文,ajax网页拖动到底部时自动加载新内容,游戏排行榜网页模板lzw

点击关闭

点击试试

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。