自定义弹出层居中并显示遮罩
来源:互联网 发布:java maven 配置 编辑:程序博客网 时间:2024/06/06 06:47
1.自己先定义两个div,一个是用来放弹出层内容的,一个是用于设置遮罩层颜色的,一个触发显示弹出层的按钮
2.给两个div分别设置css样式,遮罩的样式主要有:position:fixed;z-index:2;background-color:#000;opacity:0.7;top:0;left:0;width:100%;height:100%;display:none;
显示弹出层内容的主要有:postion:fixed;display:none;top:50%;left:50%;z-index:3;background-color:#fff
3.写js,在$(function(){...});在页面加载事件里面写按钮的click事件,那么就直接$("#content").fadeIn(200);$("#bg").fadeIn(200);显示弹出层和遮罩
点击遮罩任意位置隐藏层和遮罩那么如下:$("#content").fadeOut(200);$("#bg").fadeOut(200);
0 0
- 自定义弹出层居中并显示遮罩
- js实现遮罩弹出层居中
- layer弹出层不居中解决方案,仅显示遮罩,没有弹窗
- JS弹出层移动居中显示
- 图片弹出层的居中显示
- 纯 CSS 让弹出层居中显示
- 居中缩放 弹出居中层
- 动态控制层(显示登录层并在窗口居中)
- 弹出层居中
- js弹出层居中
- 弹出居中层
- 弹出层 动态居中
- HTML页面居中弹出自定义窗口层(实现可拖拽)
- HTML页面居中弹出自定义窗口层(实现可拖拽)
- 网页上的点击弹出层代码,居中显示
- layer 弹出层不居中显示问题的解决方法
- jq弹出层与自动隐藏,屏幕居中显示,弹出层的移动原理
- 自定义居中弹出框
- DOM
- 安装scipy或者numpy时弹出python2.7 was not found in the registry 的解决办法: python的注册与注销方法
- 启动批处理文件(bat)的两种方式
- Sqlserver SQL语句 表字段 增删改.以及约束的删除与添加
- TortoiseGit创建本地库并提交到远程服务器
- 自定义弹出层居中并显示遮罩
- Android Sip学习(四)Android自带SipDemo详解
- Android系统设置— android.provider.Settings
- junit java mock分享链接
- 奉节做前列腺手术要多少费用
- Fedora20安装TeXlive2014出现MD5错误的解决办法
- Android 高仿微信6.0主界面 带你玩转切换图标变色
- C++STL基础及应用第27页
- 比尔·盖茨和乔布斯都是从小公司起步的